Fix some styles

src/style/_typography.scss

@@ -1,6 +1,6 @@
-// TYPOGRAPHY
+/* ==========================================================================
-
+   TITLES
-// Titles
+========================================================================== */
 // Huge
 .title-huge {
     font-size: clamp(200px, 38vw, 700px);
@@ -8,6 +8,7 @@
     font-weight: 200;
     letter-spacing: -0.04em;
 }
+
 // Medium
 .title-medium {
     font-family: $font-serif;
@@ -26,13 +27,19 @@
 }
 
 
-// Texts
+
+/* ==========================================================================
+   TEXT
+========================================================================== */
+// Large
 .text-large {
     font-size: rem(32px);
     font-family: $font-sans;
     font-weight: 400;
     line-height: 1.5;
 }
+
+// Medium
 .text-medium {
     font-size: rem(20px);
     font-family: $font-sans;
@@ -44,16 +51,25 @@
         line-height: 1.5;
     }
 }
-.text-small {
+
+// Normal
+.text-normal {
     font-size: rem(22px);
     font-weight: 400;
     line-height: 1.5;
 }
 
+// Small
+.text-small {
+    font-size: rem(20px);
+    font-weight: 400;
+    line-height: 1.5;
+}
+
+// Label
 .text-label {
     font-size: rem(12px);
     line-height: 1.4;
     text-transform: uppercase;
     letter-spacing: 1px;
-}
+}
-

src/style/atoms/_badge.scss

@@ -1,21 +1,21 @@
 .badge {
     display: flex;
     align-items: center;
+    justify-content: center;
+    min-height: 16px;
     margin: 0 auto;
     padding: 0 6px;
-    background-color: $color-secondary-light;
+    text-align: center;
-    border-radius: 100vh;
+    background: $color-secondary-light;
-    text-transform: uppercase;
-    color: $color-primary-darker;
     font-weight: 500;
+    text-transform: uppercase;
     letter-spacing: 1px;
     line-height: 1;
-    min-height: 16px;
+    color: $color-primary-darker;
+    border-radius: 100vh;
 
     // Small size
     &--small {
-        span {
+        font-size: rem(7px);
-            font-size: rem(7px);
-        }
     }
 }

src/style/organisms/_newsletter.scss

@@ -18,9 +18,10 @@
 
     h3 {
         color: $color-secondary;
+        margin-bottom: 16px;
     }
     p {
-        margin: 12px 0 40px;
+        margin-bottom: 40px;
         color: $color-text;
         font-weight: 300;
     }

src/style/organisms/_shop.scss

@@ -42,12 +42,12 @@
     // Title
     .title-medium {
         color: $color-lightpurple;
-        margin-bottom: 8px;
+        margin-bottom: 16px;
     }
 
     p {
         font-weight: 300;
-        margin-bottom: 28px;
+        margin-bottom: 24px;
     }
 
     .detail {

src/style/pages/_homepage.scss

@@ -146,7 +146,11 @@
     // CTAS
     &__ctas {
         text-align: center;
-        margin-bottom: 72px;
+        margin-bottom: 96px;
+
+        @include bp (sm) {
+            margin-bottom: 160px;
+        }
 
         p {
             font-family: $font-sans;