changes

src/app/pages/cart/cart.component.scss

@@ -724,6 +724,13 @@
     }
   }
 
+  .payment-method-actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+    margin-top: 8px;
+  }
+
   .checkout-btn {
     width: 100%;
     padding: 16px;
@@ -736,7 +743,6 @@
     font-weight: 700;
     cursor: pointer;
     transition: all 0.2s;
-    margin-top: 8px;
     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
 
     &:hover:not(:disabled) {
@@ -810,6 +816,15 @@
       }
     }
   }
+
+  .card-payment-btn {
+    background: #1f2937;
+
+    &:hover:not(:disabled) {
+      background: #111827;
+      box-shadow: 0 6px 16px rgba(31, 41, 55, 0.28);
+    }
+  }
 }
 
 // Novo Cart Summary - Green Modern
@@ -868,6 +883,13 @@
     }
   }
 
+  .payment-method-actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+    margin-top: 12px;
+  }
+
   .checkout-btn {
     width: 100%;
     padding: 16px;
@@ -879,7 +901,6 @@
     font-weight: 700;
     cursor: pointer;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    margin-top: 12px;
     box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
 
     &:hover:not(:disabled) {
@@ -897,6 +918,15 @@
     }
   }
 
+  .card-payment-btn {
+    background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
+    box-shadow: 0 4px 16px rgba(31, 41, 55, 0.22);
+
+    &:hover:not(:disabled) {
+      box-shadow: 0 8px 24px rgba(31, 41, 55, 0.3);
+    }
+  }
+
   .cart-login-gate {
     margin-top: 20px;
     padding: 24px;
@@ -1446,24 +1476,6 @@
     }
   }
 
-  .bank-payment-btn {
-    width: 100%;
-    padding: 14px 18px;
-    border: none;
-    border-radius: 10px;
-    background: #1f2937;
-    color: white;
-    font-weight: 700;
-    font-size: 1rem;
-    cursor: pointer;
-    transition: all 0.2s ease;
-
-    &:hover {
-      background: #111827;
-      transform: translateY(-1px);
-      box-shadow: 0 6px 16px rgba(31, 41, 55, 0.22);
-    }
-  }
 }
 
 .bank-payment-modal-overlay {
@@ -1671,6 +1683,10 @@
     }
   }
 
+  .payment-method-actions {
+    grid-template-columns: 1fr;
+  }
+
   .bank-payment-modal-overlay {
     padding: 12px;
   }