fix choose different shipping spacing (#22829)

webapp/channels/src/components/choose_different_shipping/choose_different_shipping.scss

@@ -1,10 +1,13 @@
+@import '../payment_form/mixins';
+
 .shipping-address-section {
     display: flex;
-    align-content: flex-start;
+    align-items: center;
     padding-bottom: 24px;
     font-weight: normal;
 
     button.no-style {
+        height: auto;
         padding-left: 0;
         border: none;
         background: transparent;
@@ -26,7 +29,6 @@
         padding-left: 12px;
         cursor: default;
         font-family: 'Open Sans', sans-serif;
-        vertical-align: middle;
     }
 
     .billing_address_btn_text {
@@ -35,3 +37,7 @@
         font-weight: bold;
     }
 }
+
+.PurchaseModal .shipping-address-section {
+    @include payment-form-padding;
+}

webapp/channels/src/components/payment_form/mixins.scss

@@ -0,0 +1,4 @@
+@mixin payment-form-padding() {
+    padding-right: 96px;
+    padding-left: 96px;
+}

webapp/channels/src/components/payment_form/payment_form.scss

@@ -1,6 +1,8 @@
+@import './mixins';
+
 .PaymentForm {
-    padding-right: 96px;
+    @include payment-form-padding;
-    padding-left: 96px;
+
     margin: 0 auto;
 
     .form-row {