From 51bc26dd31de80953ad8a3cc8b4aec4241b41202 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 13 Apr 2023 15:53:21 +0530
Subject: [PATCH 1/2] SSR-391

Removed focus border
---
 src/ux-components/button-main/button-main.vue             | 7 ++-----
 src/ux-components/modal-button-main/modal-button-main.vue | 8 +++-----
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index eb217eb0..cbedb407 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -68,14 +68,11 @@ export default {
         @media (hover: hover) {
             background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
         }
-        &:focus {
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
-        }
-        &:focus, // Mouse, touch, stylus focus
+         // Mouse, touch, stylus focus
     &:focus-visible {
             // Keyboard focus for accessibility
             outline: none;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+            box-shadow: 0 0 0 3px, 0 0 0 5.5px;
             color: $white;
             background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%);
         }
diff --git a/src/ux-components/modal-button-main/modal-button-main.vue b/src/ux-components/modal-button-main/modal-button-main.vue
index 3cf8f7a2..a9ce22ae 100644
--- a/src/ux-components/modal-button-main/modal-button-main.vue
+++ b/src/ux-components/modal-button-main/modal-button-main.vue
@@ -75,14 +75,12 @@ export default {
         @media (hover: hover) {
             background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
         }
-        &:focus {
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
-        }
-        &:focus, // Mouse, touch, stylus focus
+       
+       // Mouse, touch, stylus focus
     &:focus-visible {
             // Keyboard focus for accessibility
             outline: none;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+            box-shadow: 0 0 0 3px, 0 0 0 5.5px;
             color: $white;
             background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%);
         }

From 38f59d0c0f2f22a5300a87d37a62ee5f838b1471 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Mon, 17 Apr 2023 17:07:24 +0530
Subject: [PATCH 2/2] SSR-391

Removed Focus onClick
---
 src/styles/client-customizations.scss                     | 4 +---
 src/ux-components/button-main/button-main.vue             | 4 ++--
 src/ux-components/modal-button-main/modal-button-main.vue | 5 ++---
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/styles/client-customizations.scss b/src/styles/client-customizations.scss
index 87bf3701..5e0db1ec 100644
--- a/src/styles/client-customizations.scss
+++ b/src/styles/client-customizations.scss
@@ -33,9 +33,7 @@ $limu-button-color: #A9E3E9;
                 color: $limu-button-text-color !important;
                 box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important;
             }
-            &:focus {
-                box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $limu-button-color !important;
-            }
+            
         }
     }
 
diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index cbedb407..3ff1648d 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -72,7 +72,7 @@ export default {
     &:focus-visible {
             // Keyboard focus for accessibility
             outline: none;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px;
+            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
             color: $white;
             background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%);
         }
@@ -90,7 +90,7 @@ export default {
         &.has-loader {
             color: $white;
             background: $blue-700;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+           
         }
         &.delay {
             // fixes flicker while transitioning between states
diff --git a/src/ux-components/modal-button-main/modal-button-main.vue b/src/ux-components/modal-button-main/modal-button-main.vue
index a9ce22ae..b8255af7 100644
--- a/src/ux-components/modal-button-main/modal-button-main.vue
+++ b/src/ux-components/modal-button-main/modal-button-main.vue
@@ -80,7 +80,7 @@ export default {
     &:focus-visible {
             // Keyboard focus for accessibility
             outline: none;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px;
+            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
             color: $white;
             background: linear-gradient(270deg, rgba(6, 87, 124, 1) 0%, rgba(6, 87, 124, 1) 100%);
         }
@@ -97,8 +97,7 @@ export default {
         }
         &.has-loader {
             color: $white;
-            background: $blue-700;
-            box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;
+            background: $blue-700;           
             pointer-events: none;
         }
         &.delay {