.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:0 auto;max-width:65rem}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field__input{border:none;padding:0;background-color:transparent;border-radius:0;border-bottom:1px solid rgb(var(--color-foreground));padding-bottom:.5rem;font-size:2.4rem;font-style:normal;font-weight:300;line-height:1.2;padding-top:1.5rem;padding-bottom:0;min-height:auto;height:auto}.newsletter-form__field-wrapper .field__input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:none}.newsletter-form__field-wrapper .field__input:focus~.field__label,.newsletter-form__field-wrapper .field__input:not(:placeholder-shown)~.field__label,.newsletter-form__field-wrapper .field__input:-webkit-autofill~.field__label{left:0;top:0}.newsletter-form__field-wrapper .field__label{left:0;top:50%;transform:translateY(-50%)}.newsletter-form__field-wrapper .field{z-index:0;padding-right:7rem}.newsletter-form__field-wrapper .field:before,.newsletter-form__field-wrapper .field:after{content:none}.newsletter-form__message{justify-content:center;margin-bottom:0}@media screen and (min-width: 750px){.newsletter-form__message{justify-content:flex-start}}.newsletter-form__message--success{margin-top:2rem}.newsletter-form__button{width:5.5rem;height:6.2rem;justify-content:flex-start;top:1.4rem;right:0}.newsletter-form__button:after{content:"";position:absolute;left:.3rem;top:50%;transform:translateY(-50%) rotate(-50deg);width:5rem;height:5rem;border:1px solid rgba(var(--color-foreground),1);border-radius:50%;transition:all .3s ease;-webkit-mask:linear-gradient(transparent 0 0) padding-box,conic-gradient(blue 78%,transparent 0%) border-box;mask:linear-gradient(transparent 0 0) padding-box,conic-gradient(blue 78%,transparent 0%) border-box}.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:hover:after{transform:translateY(-50%) rotate(-50deg) scale(1.05)}.newsletter-form__button .icon{width:1.5rem}