diff --git a/frontend/components/cart/global/CartSummary.vue b/frontend/components/cart/global/CartSummary.vue
index 7c2d9ab..90aca8b 100644
--- a/frontend/components/cart/global/CartSummary.vue
+++ b/frontend/components/cart/global/CartSummary.vue
@@ -181,7 +181,7 @@ const handlePayment = () => {
                             ? handleDeleteDiscountCode()
                             : handleSubmitDiscountCode()
                     "
-                    class="text-xs px-5 rounded-e-100 py-1.5 text-white bg-black hover:invert border-[1.5px] border-black hover:border-white transition-all disabled:cursor-not-allowed"
+                    class="text-xs px-5 rounded-e-100 py-1.5 text-white bg-blue-500 hover:bg-transparent hover:text-blue-500 border-[1.5px] border-blue-500 hover:border-white transition-all disabled:cursor-not-allowed"
                     :disabled="
                         !discountCode.length ||
                         submitDiscountCodeIsPending ||
@@ -206,8 +206,9 @@ const handlePayment = () => {
             <Button
                 v-if="nextPage?.name == 'payment'"
                 start-icon="ci:arrow-right"
-                class="w-full rounded-100 bg-blue-500"
+                class="w-full rounded-100"
                 @click="handlePayment"
+                variant="primary"
             >
                 {{ nextPage?.label }}
             </Button>
@@ -216,7 +217,11 @@ const handlePayment = () => {
                 v-else
                 :to="{ name: nextPage?.name, query: { gw: nextPage?.query } }"
             >
-                <Button start-icon="arrow-right" class="w-full rounded-100">
+                <Button
+                    start-icon="arrow-right"
+                    class="w-full rounded-100"
+                    variant="primary"
+                >
                     {{ nextPage?.label }}
                 </Button>
             </NuxtLink>