CSR-918 Fix radio hover

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;

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;
 }

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);
+        }
     }
 }