.webform-submission-newsletter-form .webform-flexbox {
    margin-block: 0;
}

.webform-submission-newsletter-form .form-actions {
    margin-block: 0;
}

.webform-submission-newsletter-form .button {
    padding-inline: 2rem;
}

.webform-submission-newsletter-form :is(.form-email, .button) {
    padding-block: 0;
    height: 2.25rem;
    padding-inline: 1rem;
    font-size: 13px;
}

.webform-submission-newsletter-form .form-email::placeholder {
    color: var(--zm-text-color);
}

@media (max-width: 767px) {
    .webform-submission-newsletter-form .webform-flexbox {
        display: flex;
        margin: 0 -0.5em;
        align-items: center;
    }

    .webform-flex--container {
        margin: 0 0.5em;
    }
}

/* themes */

.theme-front .webform-submission-newsletter-form :is(.form-email, .button) {
    background-color: transparent;
}

.theme-light .webform-submission-newsletter-form :is(.form-email, .button) {
    background-color: var(--zm-global-color-white);
}

:is(.theme-light, .theme-front)
    .webform-submission-newsletter-form
    :is(.form-email, .button) {
    border-color: var(--zm-global-color-grey);
    color: var(--zm-global-color-grey);
}

:is(.theme-light, .theme-front).webform-submission-newsletter-form
    .form-email:focus {
    border-color: var(--zm-global-color-grey);
}

:is(.theme-light, .theme-front)
    .webform-submission-newsletter-form
    .button:is(:focus-visible, :hover) {
    background-color: var(--zm-global-color-grey);
    color: var(--zm-global-color-white);
}