site/_src/_assets/styles/_page-newsletter.scss

.page-newsletter {
    .content--page--markdown {
        padding-top: 0;
        padding-bottom: 0;
    }

    .section--newsletter {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        display: flex;
        align-items: center;
        min-height: 60vh;
        background: darken($body-bg, 5%);

        .form-control {
            border-color: $gray-light;

            &:focus {
                border-color: #fff;
            }
        }

        .btn {
            @extend .btn-primary;
        }

        .newsletter__title {
            color: $brand-main-blue-light;
        }

        // stylelint-disable selector-max-compound-selectors,max-nesting-depth
        .form-label,
        .form-control,
        .form-control:focus ~ .form-label,
        .newsletter__text,
        .newsletter__gdpr {
            color: $text-color;
        }

        .newsletter__gdpr {
            opacity: .6;

            .icon {
                stroke: $gray-light;
                color: $gray-light;
            }

            a {
                box-shadow: inset 0 -1px 0 $gray-light;

                &:hover,
                &:focus {
                    background: $gray-light;
                }
            }
        }
        // stylelint-enable selector-max-compound-selectors,max-nesting-depth
    }
}