CASH-498 - created custom secondary button just for donation block

src/experiment-components/donation-block.vue

@@ -55,7 +55,8 @@
                         <buttonMain
                             ref="buttonMain"
                             :buttonText="DonationAddButtonCopy"
-                            loaderColor="white"
+                            loaderColor="blue"
+                            customSecondary="true"
                             class="w-100 mb-2"
                             @click-event="handleDonationAction" />
                     </div>

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;