Merge pull request #21821 from overleaf/as-checkout-payment-switch

Add new version of payment method toggle for Checkout Redesign

GitOrigin-RevId: 0d5593e0b9fe90e9d5bfd47e07cbc675d7924da3

services/web/frontend/extracted-translations.json

@@ -302,6 +302,7 @@
   "created": "",
   "created_at": "",
   "creating": "",
+  "credit_card": "",
   "current_file": "",
   "current_password": "",
   "currently_seeing_only_24_hrs_history": "",

services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss

@@ -287,3 +287,18 @@
   right: 10px;
   top: var(--bs-dropdown-item-padding-y);
 }
+
+.payment-method-toggle {
+  .form-check {
+    margin-bottom: var(--spacing-05);
+  }
+
+  .payment-method-logos {
+    display: inline-block;
+    margin-left: var(--spacing-05);
+
+    img:not(:last-child) {
+      margin-right: var(--spacing-04);
+    }
+  }
+}