From 7e8a638d01c521831fce0ae73ef8e2be78a51229 Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Tue, 7 Jul 2026 17:00:26 -0300
Subject: [PATCH] refactor(checkout): update button sizes for consistent layout
 across checkout steps

---
 .../pages/checkout-page/checkout-data-step.component.scss   | 4 ++--
 .../checkout-page/checkout-payment-step.component.html      | 1 +
 .../checkout-page/checkout-payment-step.component.scss      | 6 +++---
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/app/features/store/pages/checkout-page/checkout-data-step.component.scss b/src/app/features/store/pages/checkout-page/checkout-data-step.component.scss
index 2be87a5..ac34eb5 100644
--- a/src/app/features/store/pages/checkout-page/checkout-data-step.component.scss
+++ b/src/app/features/store/pages/checkout-page/checkout-data-step.component.scss
@@ -19,8 +19,8 @@
   &__action-btn {
     display: block;
     width: 100%;
-    flex: 1 1 253px;
-    max-width: 253px;
+    flex: 1 1 290px;
+    max-width: 290px;
   }
 }
 
diff --git a/src/app/features/store/pages/checkout-page/checkout-payment-step.component.html b/src/app/features/store/pages/checkout-page/checkout-payment-step.component.html
index 78d7582..2097d35 100644
--- a/src/app/features/store/pages/checkout-page/checkout-payment-step.component.html
+++ b/src/app/features/store/pages/checkout-page/checkout-payment-step.component.html
@@ -134,6 +134,7 @@
       variant="cancel"
       hostClass="checkout-payment__action-btn"
       buttonClass="w-100"
+      [disabled]="true"
       (click)="cancelStep.emit()"
     >
       Cancelar
diff --git a/src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss b/src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss
index b1cf829..c745e9e 100644
--- a/src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss
+++ b/src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss
@@ -23,8 +23,8 @@
 
   &__action-btn {
     width: 100%;
-    flex: 1 1 253px;
-    max-width: 253px;
+    flex: 1 1 290px;
+    max-width: 290px;
     display: block;
   }
 }
@@ -112,7 +112,7 @@
   min-width: 0;
   &__card {
     width: 100%;
-    max-width: 253px;
+    max-width: 290px;
     min-height: 269px;
     padding: 1.5rem 1.75rem;
     border-radius: 5px;