.auroral-newsletter {
    box-sizing: border-box;
    color: #111;
    max-width: 430px;
    width: 100%;
}

.auroral-newsletter *,
.auroral-newsletter *::before,
.auroral-newsletter *::after {
    box-sizing: inherit;
}

.auroral-newsletter__form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    width: 100%;
}

.auroral-newsletter .auroral-newsletter__control,
.auroral-newsletter .auroral-newsletter__submit {
    appearance: none;
    border-radius: 999px;
    box-shadow: none;
    font: inherit;
    height: 66px;
    line-height: 1.2;
    margin: 0;
    min-height: 66px;
    outline: 0;
    width: 100%;
}

.auroral-newsletter .auroral-newsletter__control {
    background: transparent;
    border: 2px solid #111;
    color: #111;
    padding: 0 24px;
}

.auroral-newsletter .auroral-newsletter__control::placeholder {
    color: #111;
    opacity: 1;
}

.auroral-newsletter .auroral-newsletter__submit {
    background: #ffcc33;
    border: 2px solid #ffcc33;
    color: #111;
    cursor: pointer;
    font-weight: 700;
    padding: 0 20px;
    text-align: center;
}

.auroral-newsletter .auroral-newsletter__control[aria-invalid="true"] {
    border-color: #e11900;
}

.auroral-newsletter .auroral-newsletter__control:disabled,
.auroral-newsletter .auroral-newsletter__submit:disabled {
    color: #111;
    opacity: 1;
}

.auroral-newsletter .auroral-newsletter__submit:disabled {
    cursor: default;
}

.auroral-newsletter__status {
    color: #111;
    font: inherit;
    line-height: 1.25;
    margin: 10px 12px 0;
    text-align: center;
}

.auroral-newsletter__status:empty {
    display: none;
}

.auroral-newsletter__status--error {
    color: #e11900;
}

.auroral-newsletter__status--success {
    color: #111;
    font-weight: 700;
}

.auroral-newsletter__sr-only,
.auroral-newsletter__honeypot {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.auroral-newsletter--notice {
    border-left: 4px solid #d63638;
    padding: 8px 12px;
}

@media (max-width: 690px) {
    .auroral-newsletter {
        max-width: none;
    }

    .auroral-newsletter .auroral-newsletter__control,
    .auroral-newsletter .auroral-newsletter__submit {
        height: 56px;
        min-height: 56px;
    }
}