@charset "utf-8";



.newsletter-form { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; position: relative; }



@media screen and (min-width: 750px) {

  .newsletter-form { align-items: flex-start; margin: 0px auto; max-width: 36rem; }

}



.newsletter-form__field-wrapper { width: 100%; }



.newsletter-form__field-wrapper .field__input { padding-right: 5rem; }



.newsletter-form__field-wrapper .field { z-index: 0; }



.newsletter-form__message { justify-content: center; margin-bottom: 0px; }



.newsletter-form__message--success { margin-top: 2rem; }



@media screen and (min-width: 750px) {

  .newsletter-form__message { justify-content: flex-start; }

}



.newsletter-form__button { width: 4.4rem; margin: 0px; right: var(--inputs-border-width); top: 0px; height: 100%; z-index: 2; }



.newsletter-form__button:focus-visible { box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground)); background-color: rgb(var(--color-background)); }



.newsletter-form__button:focus { box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground)); background-color: rgb(var(--color-background)); }



.newsletter-form__button:not(:focus-visible):not(.focused) { box-shadow: inherit; background-color: inherit; }



.newsletter-form__button .icon { width: 1.5rem; }