.newsletter {
    padding: clamp(40px, 4.5vw, 64px);
    padding-bottom: clamp(48px, 4.5vw, 72px);
    border-radius: 8px;

    @include bp (sd) {
        border-radius: 12px;
    }

    &__wrapper {
        --columns: 20;
        grid-column: 3 / span var(--columns);

        @include bp (sd) {
            --columns: 18;
            grid-column: 4 / span var(--columns);
        }

        h3 {
            color: $color-secondary;
            margin-bottom: 8px;

            @include bp (sm) {
                margin-bottom: 16px;
            }
        }
        & > p {
            margin-bottom: 32px;
            color: $color-text;
            font-weight: 200;

            @include bp (sm) {
                max-width: 480px;
                margin-bottom: 40px;
            }
        }

        // Form
        .past-issues {
            &:hover {
                &, span {
                    color: $color-secondary;
                }
                span {
                    border-color: $color-secondary;
                }
            }
        }
    }


    /*
    ** Variants
    */
    // Default color
    &--default {
        background: $color-tertiary 50% 0 / cover url(#{$dir-img}/newsletter-beige.jpg) no-repeat;

        .newsletter-form__email {
            background: $color-tertiary;
        }
     }
    // Light
    &--light {
        background: $color-cream 50% 0 / cover url(#{$dir-img}/newsletter-cream.jpg) no-repeat;

        .newsletter-form__email {
            background: $color-cream;
        }
    }
}