Merge branch 'release/2025.01.23' into feature/CASH-109

src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue

@@ -128,7 +128,7 @@ export default {
             @include blue-gradient;
         }
         &:focus, // Mouse, touch, stylus focus
-    &:focus-visible {
+        &:focus-visible {
             // Keyboard focus for accessibility
             outline: none;
             box-shadow:

src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue

@@ -53,6 +53,10 @@ export default {
         modalWidgetName: String,
         pageName: String,
     },
+    unmounted() {
+        // remove any modal effects before leaving page (e.g. user hits browser back button)
+        this.modal.closeModal();
+    },
     computed: {
         buttonText() {
             return this.getCmsContent(this.modalWidgetName, "SubheaderText");

src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue

@@ -143,11 +143,12 @@ export default {
         }
     }
 
-    .skip-button {
+    .btn.btn-secondary.skip-button {
         order: 4;
         position: relative;
         color: $black;
         border: none;
+        border-radius: .25rem;
         font-weight: 900;
         font-size: 0.875rem;
         text-align: center;
@@ -164,12 +165,17 @@ export default {
 
         &:hover,
         &:active,
-        &:focus,
-        &:focus-visible {
+        &:focus {
             color: $blue-700;
             background: none;
             box-shadow: none;
         }
+        &:focus-visible {
+            outline: none;
+            box-shadow:
+                0 0 0 3px $white,
+                0 0 0 5.5px $blue-300;
+        }
 
         &.delay {
             // fixes flicker while transitioning between states