newsletter subsciption btn tweak

Author: 4lb

src/components/NewsletterSection.astro

@@ -37,10 +37,10 @@ const { headerLevel,
         <div class="form-row">
            <div class="form-row field checkbox">
             <Checkbox client:load />
-            <p>I agree to receive information about defguard’s products and services.</p>
+            <p>I agree to receive information about defguard's products and services.</p>
           </div>
           <p>
-            By submitting this form, I confirm that I have read and agree to defguard’s
+            By submitting this form, I confirm that I have read and agree to defguard's
             Privacy Notice and Privacy Policy.
           </p>
         </div>
@@ -89,39 +89,31 @@ const { headerLevel,
       flex-flow: column;
       row-gap: 8px;
 
-      input {
+      .form-row {
         width: 100%;
-        height: 38px;
-        border: 1px solid var(--text-body-primary);
-        background-color: transparent;
-        &:focus-visible {
-          outline: none;
+        display: flex;
+        flex-flow: column;
+        align-items: center;
+        justify-content: flex-start;
+        gap: 8px;
+
+        &.field {
+          max-width: 720px;
         }
       }
 
       .field-email {
         padding: 0;
+        width: 100%;
       }
 
-      .form-row {
+      input {
         width: 100%;
-        display: flex;
-        flex-flow: row wrap;
-        align-items: center;
-        justify-content: flex-start;
-        column-gap: 8px;
-        row-gap: 8px;
-
-        &.field {
-          max-width: 720px;
-          @include break-up(lg) {
-            display: grid;
-            grid-template-columns: max-content 1fr;
-          }
-
-          &.checkbox {
-            padding: 0px;
-          }
+        height: 38px;
+        border: 1px solid var(--text-body-primary);
+        background-color: transparent;
+        &:focus-visible {
+          outline: none;
         }
       }