diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue index ae6c69a93..27ce67918 100644 --- a/src/experiment-components/donation-block.vue +++ b/src/experiment-components/donation-block.vue @@ -55,7 +55,8 @@ diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue index 982e7bb1b..fcf78e19b 100644 --- a/src/ux-components/button-main/button-main.vue +++ b/src/ux-components/button-main/button-main.vue @@ -3,7 +3,11 @@ :aria-disabled="isDisabled" class="btn d-flex align-items-center justify-content-center py-3 px-4 delay" :class="[ - isPrimary ? 'btn-primary' : 'btn-secondary', + customSecondary + ? 'btn-secondary custom-secondary' + : isPrimary + ? 'btn-primary' + : 'btn-secondary', isFloat ? 'float-end' : '', isLoaderDisplayed && !suppressLoader ? 'has-loader' : '', ]" @@ -29,6 +33,7 @@ export default { loaderPosition: String, isFloat: Boolean, suppressLoader: Boolean, + customSecondary: Boolean, // New property to check if it comes from donationBlock }, data() { return { @@ -156,6 +161,13 @@ export default { transition: background 0s 0s ease-in-out; } } + &.custom-secondary { + &:hover { + color: $blue !important; + background: transparent !important; + border: 1px solid $blue; + } + } &.btn-success { position: relative; background: $green-100;