.mod-vamnewsletter-signup {
    display: grid;
    gap: 18px;
}

.mod-vamnewsletter-signup h2,
.mod-vamnewsletter-signup p {
    margin: 0;
}

.mod-vamnewsletter-signup__form {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) minmax(170px, .8fr) auto;
    gap: 12px;
    align-items: stretch;
}

.mod-vamnewsletter-signup__form input {
    min-height: 48px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 7px;
    padding: 0 16px;
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.mod-vamnewsletter-signup__form input::placeholder {
    color: rgba(255, 255, 255, .62);
}

.mod-vamnewsletter-signup__form button {
    min-height: 48px;
    border: 1px solid #ff007f;
    border-radius: 7px;
    padding: 0 22px;
    color: #fff;
    background: #ff007f;
    font-weight: 700;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.mod-vamnewsletter-signup__form button:hover,
.mod-vamnewsletter-signup__form button:focus {
    color: #ff007f;
    background: #fff;
}

.mod-vamnewsletter-signup__message {
    grid-column: 1 / -1;
    min-height: 1.3em;
    color: rgba(255, 255, 255, .78);
    font-size: .92rem;
}

.mod-vamnewsletter-signup__trap {
    position: absolute;
    left: -100vw;
    width: 1px;
    height: 1px;
}

@media (max-width: 860px) {
    .mod-vamnewsletter-signup__form {
        grid-template-columns: 1fr;
    }
}