From 43a0a5c459c17d62a604cf1e6d09a845383f582c Mon Sep 17 00:00:00 2001
From: Alex Humphries <Alex.Humphries@safelite.com>
Date: Wed, 7 Jan 2026 17:09:32 -0500
Subject: [PATCH] Fixes some issues with how button styles ended up after
 merges

---
 src/styles/common-validation-styles.scss      | 15 ++++++---------
 src/styles/shared-input-button-styles.scss    |  4 +++-
 src/ux-components/list-button/list-button.vue | 17 ++++++++++++-----
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/styles/common-validation-styles.scss b/src/styles/common-validation-styles.scss
index 04dd7448..7317770f 100644
--- a/src/styles/common-validation-styles.scss
+++ b/src/styles/common-validation-styles.scss
@@ -8,22 +8,19 @@ html {
         &.list-button,
         &.list-button.list-group,
         &.list-card &.option-label {
-            border: 1px solid $red;
-            position: relative;
-            z-index: 4;
 
             .button-content {
-                border: none;
-            }
-
-            &:hover {
-                @include box-shadow-hover($red-200);
-                z-index: 5;
+                border: 1px solid $red;
             }
 
             input[type="radio"]:focus+.list-button-content {
                 box-shadow: 0 0 0 2.5px $red;
             }
+            &:not(.selected):not(.no-hover):hover {
+                position: relative;
+                @include box-shadow-hover($red-200);
+                z-index: 5;
+            }
         }
 
         &.list-card {
diff --git a/src/styles/shared-input-button-styles.scss b/src/styles/shared-input-button-styles.scss
index e4659051..6884babd 100644
--- a/src/styles/shared-input-button-styles.scss
+++ b/src/styles/shared-input-button-styles.scss
@@ -1,7 +1,9 @@
 .base-input-button {
-    &:not(:disabled):hover {
+    &:not(.disabled) {
         cursor: pointer;
+    }
 
+    &:not(.has-error):hover {
         &.list-button,
         &.list-button-horizontal,
         &.list-card {
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index b7c152bc..942d2154 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -2,10 +2,13 @@
   <baseInputButton
       v-bind="$props"
       v-model="selectedValue"
-      buttonWrapperClasses="list-group base-input-button list-button no-hover d-flex flex-column w-100 mb-2">
+      buttonWrapperClasses="list-group base-input-button list-button no-hover d-flex flex-column w-100">
       <div
           :aria-label="buttonLabel"
-          class="button-content list-button-content d-flex flex-column justify-content-center py-3 px-4">
+          class="button-content list-button-content d-flex flex-column justify-content-center py-3 px-4"
+          :class="{
+            'has-sub-copy': buttonLabelSubCopy,
+          }">
           <span
             class="m-0"
             :class="textPosition">
@@ -78,7 +81,6 @@ $heritage-checked-border-color: #0070d1;
 }
 .list-button {
   outline: none;
-  border-radius: $border-radius-xl;
   input[type="radio"],
   input[type="checkbox"] {
       position: static; //override bootstrap
@@ -86,6 +88,9 @@ $heritage-checked-border-color: #0070d1;
           background: $heritage-checked-background-color;
           border-color: $heritage-checked-border-color;
           box-shadow: 0 0 0 1px $blue;
+          &:not(.has-sub-copy) {
+            font-weight: 500;
+          }
       }
       &:checked + .list-button-content span:nth-child(2) {
           font-weight: 400;
@@ -104,10 +109,12 @@ $heritage-checked-border-color: #0070d1;
   box-shadow: $heritage-box-shadow;
   width: 100%;
   outline: none;
-  box-shadow: $box-shadow-input;
-  height: 2.8125rem;
   margin-bottom: .625rem;
 
+  &:not(.has-sub-copy) {
+    font-weight: 400;
+  }
+
   span {
       &.small {
           color: $darker-gray;