.zc-newsletter-form{display:flex;flex-direction:column;gap:8px;width:100%}.zc-newsletter-form__input,.zc-newsletter-form__button{font-family:var(--font-body);font-size:14px;border-radius:var(--radius-pill);border:1px solid transparent;outline:none;transition:background var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.zc-newsletter-form__input{flex:1;padding:14px 18px;background:#fff;color:var(--fg);border-color:var(--crema-200)}.zc-newsletter-form__input::placeholder{color:var(--fg-soft)}.zc-newsletter-form__input:focus{border-color:var(--petrolio-500)}.zc-newsletter-form__button{padding:14px 22px;font-weight:600;letter-spacing:var(--ls-button);cursor:pointer;color:#fff}.zc-newsletter-form__feedback{font-size:12px;margin:4px 0 0;line-height:1.4}.zc-newsletter-form__feedback--error{color:var(--terracotta-400)}.zc-newsletter-form--dark .zc-newsletter-form__input{background:#ffffff0f;border-color:#ffffff2e;border-radius:10px;padding:12px 14px;color:#fff;font-size:13px}.zc-newsletter-form--dark .zc-newsletter-form__input::placeholder{color:#fff7f173}.zc-newsletter-form--dark .zc-newsletter-form__input:focus{border-color:var(--celeste-300);background:#ffffff1a}.zc-newsletter-form--dark .zc-newsletter-form__button{background:var(--celeste-400);border-radius:10px;padding:11px 14px;font-size:13px}.zc-newsletter-form--dark .zc-newsletter-form__button:hover{background:var(--celeste-500)}.zc-newsletter-form--dark .zc-newsletter-form__feedback{color:var(--celeste-300)}.zc-newsletter-form--light{flex-direction:row;gap:10px;max-width:480px;margin-inline:auto}.zc-newsletter-form--light .zc-newsletter-form__input{background:#fff;border-color:var(--crema-200)}.zc-newsletter-form--light .zc-newsletter-form__button{background:var(--cta);flex:0 0 auto}.zc-newsletter-form--light .zc-newsletter-form__button:hover{background:var(--cta-hover)}.zc-newsletter-form--light .zc-newsletter-form__feedback{color:var(--fg-muted)}@media(max-width:600px){.zc-newsletter-form--light{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/newsletter-form.css.map */