.newsletter{background-color:var(--gb-navy);padding:60px 0;text-align:center}.newsletter__container{max-width:600px;margin:0 auto;padding:0 20px}.newsletter__heading{font-family:var(--font-grandma);font-size:29px;line-height:32px;letter-spacing:3.19px;text-transform:uppercase;color:#fff;margin:0 0 15px}.newsletter__description{font-family:var(--font-como);font-size:15px;line-height:24px;letter-spacing:.6px;color:#fff;margin:0 0 30px}.newsletter__form{display:flex;flex-direction:column;gap:15px;align-items:center}.newsletter__input{font-family:var(--font-como);font-size:15px;letter-spacing:.6px;padding:15px 20px;border:1px solid #FFFFFF;background:transparent;color:#fff;width:100%;max-width:400px;border-radius:6.5px}.newsletter__input::placeholder{color:#fff9}.newsletter__button{font-family:var(--font-como);font-size:13px;letter-spacing:1.625px;text-transform:lowercase;background-color:var(--gb-green);color:#fff;padding:15px 34px;border:none;border-radius:6.5px;cursor:pointer;transition:opacity .2s ease}.newsletter__button:hover{opacity:.9}.newsletter__success,.newsletter__error{font-family:var(--font-como);font-size:15px;line-height:22px;letter-spacing:.6px;margin:0;width:100%;max-width:460px;padding:12px 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.newsletter__success{color:#fff!important;background:#68b5992e;border:1px solid rgba(104,181,153,.55)}.newsletter__success a{color:#fff!important;text-decoration:underline}.newsletter__success:before{content:"\2713";display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#68b59959;border:1px solid rgba(104,181,153,.7);font-size:14px;line-height:1}.newsletter__error{color:#fff;background:#ffd5ca2e;border:1px solid rgba(255,213,202,.65)}.newsletter__error:before{content:"!";display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#ffd5ca59;border:1px solid rgba(255,213,202,.8);font-weight:700;font-size:14px;line-height:1}@media (max-width: 640px){.newsletter{padding:40px 0}.newsletter__heading{font-size:22px;line-height:26px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-newsletter.css.map */