CSR-918 Fix styling based on Bryan's feedback

src/styles/common-error-styles.scss

@@ -11,15 +11,21 @@ html {
             }
 
             &:hover {
-                position: relative;
+                input[type="radio"],
-                @include box-shadow-hover($red-200);
+                input[type="checkbox"] {
-                z-index: 4;
+                    + .button-content {
+                        position: relative;
+                        z-index: 4;
+                        @include box-shadow-hover($red-200);
+                    }
+                }
             }
         }
 
         &.ui-radio {
             &:hover {
-                input {
+                input[type="radio"],
+                input[type="checkbox"] {
                     @include box-shadow-hover($red-200);
                 }
             }

src/styles/shared-input-button-styles.scss

@@ -5,7 +5,16 @@
         &.list-button,
         &.list-button-horizontal,
         &.list-card {
-            @include box-shadow-hover($blue-300);
+            input[type="radio"],
+            input[type="checkbox"] {
+                &:not(:checked) {
+                    + .button-content {
+                        position: relative;
+                        z-index: 4;
+                        @include box-shadow-hover($blue-300);
+                    }
+                }
+            }
         }
     }
 }

src/ux-components/radio/radio.vue

@@ -64,7 +64,7 @@ export default {
     }
 
     &:hover {
-        .form-check-input {
+        .form-check-input:not(:checked) {
             box-shadow: 0 0 0 4px $blue-300;
         }
     }