CASH-498 - Code review updates

src/experiment-components/donation-block.vue

@@ -56,8 +56,7 @@
                             ref="buttonMain"
                             :buttonText="DonationAddButtonCopy"
                             loaderColor="blue"
-                            customSecondary="true"
+                            class="w-100 mb-2 custom-secondary"
-                            class="w-100 mb-2"
                             @click-event="handleDonationAction" />
                     </div>
                 </div>
@@ -292,5 +291,12 @@ export default {
             left: -0.25rem;
         }
     }
+    .custom-secondary {
+        &:hover {
+            color: $blue;
+            background: transparent;
+            border: 1px solid $blue;
+        }
+    }
 }
 </style>

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

@@ -3,11 +3,7 @@
         :aria-disabled="isDisabled"
         class="btn d-flex align-items-center justify-content-center py-3 px-4 delay"
         :class="[
-            customSecondary
+            isPrimary ? 'btn-primary' : 'btn-secondary',
-                ? 'btn-secondary custom-secondary'
-                : isPrimary
-                  ? 'btn-primary'
-                  : 'btn-secondary',
             isFloat ? 'float-end' : '',
             isLoaderDisplayed && !suppressLoader ? 'has-loader' : '',
         ]"
@@ -33,7 +29,6 @@ export default {
         loaderPosition: String,
         isFloat: Boolean,
         suppressLoader: Boolean,
-        customSecondary: Boolean, // New property to check if it comes from donationBlock
     },
     data() {
         return {
@@ -161,13 +156,6 @@ 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;