Fix Modules responsive

src/style/layout/_modules.scss

@@ -13,7 +13,7 @@
         display: block;
         grid-column: span var(--columns);
         grid-template-columns: 1fr 40%;
-        grid-column-gap: 48px;
+        grid-column-gap: clamp(32px, 2.5vw, 48px);
         padding: 0;
 
         @include bp (sm) {

src/style/organisms/_newsletter.scss

@@ -1,9 +1,10 @@
 .newsletter {
-    padding: 40px 40px 48px;
+    padding: clamp(40px, 4.5vw, 64px);
-    border-radius: 12px;
+    padding-bottom: clamp(48px, 4.5vw, 72px);
+    border-radius: 8px;
 
     @include bp (sd) {
-        padding: 64px 60px 72px;
+        border-radius: 12px;
     }
 
     &__wrapper {
@@ -23,7 +24,7 @@
                 margin-bottom: 16px;
             }
         }
-        p {
+        & > p {
             margin-bottom: 32px;
             color: $color-text;
             font-weight: 200;
@@ -33,6 +34,8 @@
                 margin-bottom: 40px;
             }
         }
+
+        // Form
         .past-issues {
             &:hover {
                 &, span {

src/style/organisms/_shop.scss

@@ -2,7 +2,11 @@
     overflow: hidden;
     background: #fff;
     color: $color-text;
-    border-radius: 12px;
+    border-radius: 8px;
+
+    @include bp (sd) {
+        border-radius: 12px;
+    }
 
     .content {
         @include bp (sm) {
@@ -43,7 +47,7 @@
         border-radius: 12px;
 
         @include bp (sm) {
-            padding: 64px 72px 40px 64px;
+            padding: clamp(40px, 4.5vw, 64px) clamp(48px, 4.5vw, 72px) clamp(24px, 4.5vw, 40px) clamp(40px, 4.5vw, 64px);
         }
 
         .button {