.honeypot {
    position: absolute;
    left: -9999px;
}

#newsletter-form label {
    white-space: nowrap;
}

#newsletter-form .field-body {
    flex-grow: 3;
}

@media screen and (min-width: 846px),
print {
    #newsletter-form .field-body {
        flex-grow: 4;
    }
}

@media screen and (min-width: 1024px) {
    #newsletter-form .field-body {
        flex-grow: 5;
    }
}

#form-footer .control {
    display: flex;
    gap: 1rem;
}

#form-footer .icon {
    display: none;
    position: relative;
    top: 0.4em;
    
}

#form-footer #feedback-label {
    opacity: 0;
    padding: .125em 0.5em 0.5em 0.5em;
    transform: scale(0.95) translateX(1rem);
    transition: opacity 0.333s,
        transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

#form-footer.is-success,
#form-footer.is-error {
    #feedback-label {
        transform: scale(1);
        opacity: 1;
    }
}

#form-footer.is-success {
    .icon.is-success {
        display: unset;
    }
}

#form-footer.is-error {
    .icon.is-error {
        display: unset;
    }
}