#kleos-newsletter-offer {
    width: min(460px, calc(100% - 32px));
    max-height: calc(100% - 32px);
    padding: clamp(24px, 5vw, 42px);
    border: 1px solid #c8c3af;
    border-radius: 6px;
    background: #f8f5ec;
    color: #23281c;
    box-shadow: 0 16px 70px #191e1690;
    font-family: inherit;
}
#kleos-newsletter-offer::backdrop { background: #14170f8c; }
#kleos-newsletter-offer [hidden] { display: none !important; }
#kleos-newsletter-offer .kno-close {
    position: absolute; inset: 7px 9px auto auto;
    width: 42px; height: 42px; border: 0; background: transparent;
    color: inherit; font: inherit; font-size: 28px; cursor: pointer;
}
#kleos-newsletter-offer .kno-brand { font-size: 12px; letter-spacing: .22em; }
#kleos-newsletter-offer h2 { margin: 10px 0 14px; font-size: clamp(28px, 5vw, 38px); line-height: 1.15; }
#kleos-newsletter-offer p { margin: 0 0 12px; line-height: 1.5; }
#kleos-newsletter-offer input:not([hidden]) {
    box-sizing: border-box; width: 100%; min-height: 46px; margin: 4px 0 10px;
    padding: 8px 12px; border: 1px solid #858373; background: #fff; color: #23281c;
}
#kleos-newsletter-offer .kno-button {
    width: 100%; min-height: 46px; padding: 8px 12px; margin: 0 0 10px;
    border: 0; border-radius: 3px; background: #313a27; color: #fff; cursor: pointer;
}
#kleos-newsletter-offer .kno-button:disabled { opacity: .65; }
#kleos-newsletter-offer .kno-privacy { font-size: 13px; text-decoration: underline; }
#kleos-newsletter-offer .kno-error { color: #8a3026; margin-top: 12px; }