feat(checkout): adjust button styles and layout for improved usability

src/app/features/store/pages/checkout-page/checkout-payment-step.component.html

@@ -125,7 +125,6 @@
       type="button"
       variant="cancel"
       hostClass="checkout-payment__action-btn"
-      buttonClass="w-100"
       (click)="cancelStep.emit()"
     >
       Cancelar
@@ -134,7 +133,6 @@
     <app-button
       type="button"
       hostClass="checkout-payment__action-btn"
-      buttonClass="w-100"
     >
       Finalizar compra
     </app-button>

src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss

@@ -26,7 +26,6 @@
 
   &__action-btn {
     display: block;
-    width: 100%;
   }
 }
 
@@ -52,7 +51,7 @@
   align-items: center;
   gap: 0.85rem;
   width: 100%;
-  max-width: 200px;
+  max-width: 300px;
   justify-self: start;
   padding: 0.35rem 0;
   color: #666666;
@@ -180,7 +179,7 @@
 
   &__value {
     color: #5e5e5e;
-    font-weight: 700;
+    font-weight: 500;
   }
 
   &__feedback {

src/app/shared/components/stepper/stepper.component.scss

@@ -17,7 +17,9 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    flex: 1;
+    flex: 0 1 190px;
+    width: 100%;
+    max-width: 190px;
     position: relative;
   }