From 458080233c8814f84652b91ad58a6c4bf03466c7 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Thu, 3 Nov 2022 10:09:13 -0400
Subject: [PATCH] CSR-918 Fix radio hover

---
 src/styles/common-error-styles.scss        | 23 ++++------------------
 src/styles/mixins/customMixins.scss        |  2 +-
 src/styles/shared-input-button-styles.scss |  8 ++++++--
 3 files changed, 11 insertions(+), 22 deletions(-)

diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 9befb1eb0..48efd9977 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -8,6 +8,10 @@ html {
             .button-content {
                 border: none;
             }
+
+            &:hover {
+                @include box-shadow-hover($red-200);
+            }
         }
 
         &.list-button,
@@ -22,30 +26,11 @@ html {
                 box-shadow: 0 0 0 1px $red;
             }
             &:hover {
-                box-shadow: 0px 0px 0px 4px $red-200;
                 border-radius: 0.5rem;
             }
-            label {
-                border: 1px solid $red;
-                border-radius: 0.5rem;
-            }
-            label:hover {
-                box-shadow: 0px 0px 0px 4px $red-200;
-                border-radius: 10px;
-                border: 1px solid $red;
-            }
         }
         &.list-button-horizontal {
             color: $red;
-            // label {
-            //     border: 1px solid $red;
-            //     &:hover {
-            //         @include box-shadow-lg-hover($red-200);
-            //     }
-            // }
-            &:hover {
-                @include box-shadow-lg-hover($red-200);
-            }
             input[type="checkbox"]:focus + label,
             input[type="radio"]:focus + label {
                 box-shadow: 0 0 1px $red;
diff --git a/src/styles/mixins/customMixins.scss b/src/styles/mixins/customMixins.scss
index e9954b2a2..d0670ad6c 100644
--- a/src/styles/mixins/customMixins.scss
+++ b/src/styles/mixins/customMixins.scss
@@ -5,6 +5,6 @@
     background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
 }
 
-@mixin box-shadow-lg-hover($color) {
+@mixin box-shadow-hover($color) {
     box-shadow: 0 0 0 4px $color;
 }
diff --git a/src/styles/shared-input-button-styles.scss b/src/styles/shared-input-button-styles.scss
index e64faee71..adf448cc6 100644
--- a/src/styles/shared-input-button-styles.scss
+++ b/src/styles/shared-input-button-styles.scss
@@ -1,7 +1,11 @@
 .base-input-button {
     &:hover {
         cursor: pointer;
-        @include box-shadow-lg-hover($blue-300);
-        border: 1px solid transparent;
+
+        &.list-button,
+        &.list-button-horizontal,
+        &.list-card {
+            @include box-shadow-hover($blue-300);
+        }
     }
 }