From 7a908dead5fc8b78ec2e9198f803b15067c37b5d Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 16 Jul 2025 12:00:41 -0400
Subject: [PATCH] CASH-1042 WIP

---
 .../save-progress-modal-question.vue               | 14 ++++++++++++--
 src/layouts/customer-details/customer-details.vue  |  4 ----
 src/ux-components/button-main/button-main.vue      |  2 +-
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
index ea4a3d07e..ee8dd6945 100644
--- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
+++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
@@ -136,7 +136,7 @@ export default {
         position: relative;
         color: $blue;
         border: none;
-        font-weight: 900;
+        font-family: UrbanistSemibold;
         font-size: 0.875rem;
         text-align: left;
         display: inline-block;
@@ -154,7 +154,6 @@ export default {
 
         &.btn {
             &.btn-secondary {
-                font-weight: 900;
                 border: none;
                 &:hover,
                 &:active,
@@ -183,6 +182,17 @@ export default {
             // fixes flicker while transitioning between states
             transition: background 0s 0s ease-in-out;
         }
+        
+        &.open-save-progress-button {
+            span {
+                color: $gray-600;
+                font-family: UrbanistRegular;
+                .highlighted-words {
+                    font-family: UrbanistSemibold;
+                    color: $blue;
+                }
+            }
+        }
     }
 
     .modal.modal-component .modal-dialog .modal-content {
diff --git a/src/layouts/customer-details/customer-details.vue b/src/layouts/customer-details/customer-details.vue
index b2547d5e6..9b0cb21ca 100644
--- a/src/layouts/customer-details/customer-details.vue
+++ b/src/layouts/customer-details/customer-details.vue
@@ -43,8 +43,6 @@
                         cmsWidgetName="TextMeQuestionWidget"
                         v-model="isSmsOptIn" />
 
-                    <techNotes v-model="techNotes" :textAreaLabelCopy="textAreaLabelCopy" />
-
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
                         ref="navbar"
@@ -70,7 +68,6 @@ import textboxQuestion from "@/digital-components/textbox-question/textbox-quest
 import phoneNumberQuestion from "@/digital-components/phone-number-question/phone-number-question";
 import textBlock from "@/digital-components/text-block/text-block";
 import checkboxQuestion from "@/digital-components/checkbox-question/checkbox-question";
-import techNotes from "@/layouts/customer-details/tech-notes/tech-notes";
 //Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -215,7 +212,6 @@ export default {
         textBlock,
         phoneNumberQuestion,
         checkboxQuestion,
-        techNotes,
     },
 };
 </script>
diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index 1ebe5658f..d83758482 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -8,7 +8,7 @@
             isLoaderDisplayed && !suppressLoader ? 'has-loader' : '',
         ]"
         @click="clicked">
-        <span class="m-0">{{ this.buttonText }}</span>
+        <span class="m-0" v-html="buttonText"></span>
         <loader
             class="ms-2"
             v-if="isLoaderDisplayed && !suppressLoader"