.footer-newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width: 750px){.footer-newsletter-form{align-items:flex-start;max-width:580px}}.footer-newsletter__field-wrapper{width:100%;display:flex;flex-direction:column;gap:16px;align-items:center}.footer-newsletter__input-container{display:flex;align-items:center;width:100%}.footer-newsletter__input{width:100%;padding:18px 24px;border:2px solid #ffffff;border-radius:50px;background:#040454;color:#fff;font-family:Roobert,sans-serif;font-size:16px;font-weight:400;line-height:1.2;outline:none;transition:all .3s ease;text-align:center}@media screen and (min-width: 750px){.footer-newsletter__input{text-align:left}}@media screen and (max-width: 749px){.footer-newsletter__input{padding:16px 20px;font-size:14px}}.footer-newsletter__input::placeholder{color:#fff;opacity:.8}.footer-newsletter__input:focus{border-color:#d5f78e;box-shadow:0 0 0 2px #c4ff6133}.footer-newsletter__submit-button{display:flex;align-items:center;gap:22px;padding:18px 24px;background:#d5f78e;border:none;border-radius:50px;color:#040454;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;font-family:Oobli Ginto Nord,serif;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0}@media screen and (max-width: 749px){.footer-newsletter__submit-button{padding:16px 20px;font-size:14px;gap:6px;justify-content:center}}@media screen and (min-width: 750px){.footer-newsletter__submit-button{width:auto;justify-content:flex-start;align-self:flex-start}}.footer-newsletter__submit-button:hover{background:#b8f055;transform:scale(1.02)}.footer-newsletter__submit-button:active{transform:scale(.98)}.footer-newsletter__button-text{display:inline-block}.footer-newsletter__button-arrow{width:16px;height:16px;flex-shrink:0}@media screen and (max-width: 749px){.footer-newsletter__button-arrow{width:14px;height:14px}}.footer-newsletter__message{justify-content:center;margin-bottom:0;margin-top:1rem}.footer-newsletter__message--success{margin-top:2rem}@media screen and (min-width: 750px){.footer-newsletter__message{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/footer-newsletter.css.map */
