diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue index edb60a81..9949c4e1 100644 --- a/src/digital-components/modal/modal.vue +++ b/src/digital-components/modal/modal.vue @@ -281,8 +281,13 @@ export default { border-color: $blue; font-weight: 400; &:hover { - background-color: #167cac; + background-color: $heritage-blue-secondary; color: $white; + border-color: $heritage-blue-secondary; + } + &:active, + &:focus { + box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $heritage-blue-secondary; } } } diff --git a/src/iss-components/content-group-modal/content-group-modal.vue b/src/iss-components/content-group-modal/content-group-modal.vue index 03612653..5a95478e 100644 --- a/src/iss-components/content-group-modal/content-group-modal.vue +++ b/src/iss-components/content-group-modal/content-group-modal.vue @@ -7,6 +7,7 @@
diff --git a/src/iss-components/recal-modal/recal-modal.vue b/src/iss-components/recal-modal/recal-modal.vue index 311c4f82..2564c9cf 100644 --- a/src/iss-components/recal-modal/recal-modal.vue +++ b/src/iss-components/recal-modal/recal-modal.vue @@ -74,8 +74,14 @@ export default { button { &:hover { background-color: $white; - color: #167cac; + color: $heritage-blue-secondary; } + &:focus, &:active { + box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $heritage-blue-secondary; + } + font-weight: 600; + color: $heritage-blue-secondary; + border-color: $heritage-blue-secondary; } } } diff --git a/src/layouts/provider-preference/steering-modal/steering-modal.vue b/src/layouts/provider-preference/steering-modal/steering-modal.vue index e93f1feb..fb324ced 100644 --- a/src/layouts/provider-preference/steering-modal/steering-modal.vue +++ b/src/layouts/provider-preference/steering-modal/steering-modal.vue @@ -81,7 +81,7 @@ export default { .modal-footer { justify-content: center; button { - background-color: #167cac; + background-color: $heritage-blue-secondary; color: $white; width: 71%; } diff --git a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue index 5e295340..549e933b 100644 --- a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue +++ b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue @@ -32,7 +32,7 @@ isRequired> div:first-of-type {