.contact-form__main{padding:72px 72px 0}.contact-form__form-container{width:50%}.contact-form__inner{display:flex;gap:72px}.contact-form__inner--reverse{flex-direction:row-reverse}.contact-form__form{display:flex;flex-direction:column;gap:20px;width:100%}.contact-form__field-input{border-radius:20px;padding:9px 20px;border:1px solid #000000;width:100%;color:#000;font-family:Poppins;font-weight:400;font-size:16px;line-height:28px;letter-spacing:0;vertical-align:middle}.contact-form__field-input::placeholder{color:#000}.contact-form__field-input:focus-visible{box-shadow:none;outline:none}.contact-form__field{width:100%}.contact-form__button-container{position:relative;display:inline-block;width:fit-content}.contact-form__button-container .signup-button-yellow-overlay{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease,transform .3s ease;border-radius:var(--buttons-radius)}.contact-form__button-container .signup-button-red-overlay{display:block!important;position:absolute;top:2px;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease,transform .3s ease;border-radius:var(--buttons-radius)}.contact-form__button-container .signup-button-yellow-overlay{background-color:#fec135;z-index:1;transform:translateY(10px)}.contact-form__button-container .signup-button-red-overlay{background-color:#ed1067;transform:translateY(4px);z-index:2}.contact-form__button-container:hover .signup-button-red-overlay,.contact-form__button-container:hover .signup-button-yellow-overlay{opacity:1}.contact-form__button{border-radius:1000px;padding:8px 20px;background-color:#221f20;border:1px solid #ffeac2;color:#fff;height:46px;font-family:Poppins;font-weight:700;font-size:16px;line-height:100%;letter-spacing:0;text-align:center;text-transform:uppercase;position:relative;z-index:3;cursor:pointer}.contact-form__image-container{width:50%;border-radius:50px}.contact-form__image-container img{width:100%;height:100%;border-radius:50px}@media only screen and (max-width: 1024px){.contact-form__main{padding-left:36px;padding-right:36px}}@media only screen and (max-width: 768px){.contact-form__main{padding:36px 0 0}.contact-form__inner{flex-direction:column;gap:36px}.contact-form__form-container,.contact-form__image-container{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/contact-form-with-image.css.map */