Make newsletter form a reusable component

src/style/organisms/_newsletter.scss

@@ -35,106 +35,6 @@
         }
     }
 
-    // Form
-    &__email {
-        position: relative;
-        display: flex;
-        width: 100%;
-        max-width: 600px;
-        height: 64px;
-        margin-bottom: 20px;
-        padding: 0 30px;
-        border-radius: 100vh;
-        box-shadow: inset 0 0 0 2px $color-secondary;
-        transition: box-shadow 0.6s var(--ease-quart);
-
-        input {
-            display: block;
-            width: 100%;
-            font-size: rem(18px);
-            font-family: $font-sans;
-            font-weight: 300;
-            color: #333;
-            background: none;
-            border: none;
-
-            &::placeholder {
-                color: $color-gray;
-                opacity: 1;
-            }
-        }
-        button {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            position: absolute;
-            right: 16px;
-            top: 50%;
-            transform: translateY(-50%);
-            margin-left: 32px;
-            background-color: $color-secondary;
-            height: 32px;
-            width: 32px;
-            flex-shrink: 0;
-            border-radius: 100vh;
-        }
-
-        // States
-        &.is-focused {
-            box-shadow: inset 0 0 0 4px $color-secondary;
-        }
-    }
-
-    // Past Issues
-    .past-issues {
-        display: block;
-        text-align: center;
-        font-size: rem(14px);
-        max-width: 600px;
-
-        @include bp (sm) {
-            display: flex;
-            justify-content: space-between;
-            font-size: rem(16px);
-        }
-
-        a {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-decoration: none;
-            color: $color-text;
-
-            @include bp (sm) {
-                justify-content: start;
-            }
-        }
-        span {
-            display: block;
-            padding-bottom: 2px;
-            font-size: rem(14px);
-            color: $color-text;
-            margin-left: 8px;
-            border-bottom: 1px solid $color-text;
-
-            @include bp (sm) {
-                margin-left: 12px;
-                padding-bottom: 0;
-                font-size: rem(16px);
-            }
-        }
-        p {
-            color: $color-gray;
-            line-height: 1.3;
-            margin-top: 16px;
-            margin-bottom: 0;
-
-            @include bp (sm) {
-                margin-top: 0;
-            }
-        }
-    }
-
     // Variants
     // Default color
     &--default {