site/_src/_assets/styles/_sections/_section-newsletter.scss

.section--newsletter {
    background: $brand-primary;
    align-items: flex-start;

    .form-group,
    .grid { margin-bottom: 0; }

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

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

        &.parsley-error {
            border-color: $brand-danger !important; // stylelint-disable-line
        }
    }

    .btn {
        background: $brand-main-blue;
    }

    .form-label,
    .form-control,
    .form-control:focus ~ .form-label {
        color: $gray-dark;
    }

    .form-control-feedback {
        @extend .bold;
        margin-top: $spacer / 2;
    }

    .form--newsletter {
        margin-top: $spacer * 2;
    }

    .parsley-errors-list {
        right: auto;
        left: 0;
        bottom: -.25rem;
    }
}

.newsletter__title {
    @extend .h5;
    margin-top: 0;
    margin-bottom: $spacer / 4;
}

.newsletter__title,
.newsletter__text,
.newsletter__gdpr {
    color: $gray-dark;
}

.newsletter__gdpr {
    opacity: .8;

    .icon {
        stroke: $brand-main-blue;
        color: $brand-main-blue;
    }

    a {
        box-shadow: inset 0 -1px 0 $brand-main-blue;

        &:hover,
        &:focus {
            background: $brand-main-blue;
        }
    }
}