.form__contact{flex-direction:column;gap:1rem;width:100%;padding:0;display:flex}.form__contact .form__wrapper{grid-column-gap:2rem;grid-row-gap:1rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;width:100%;display:grid}.form__contact label{font-size:var(--size-sm);flex-direction:column;gap:.5rem;display:flex}.form__contact label span{font-size:inherit;gap:5px;display:inline-flex}.form__contact label span:after{content:" *";color:var(--color-secondary-light)}.form__contact label input,.form__contact label select,.form__contact label textarea{font-size:var(--size-sm);background-color:var(--color-white);border:2px solid var(--color-white);border-radius:5px;padding:.4rem .5rem;line-height:1.2;transition:background-color .2s,border-color .2s}:is(.form__contact label input,.form__contact label select,.form__contact label textarea):focus{border-color:var(--color-secondary-light);background-color:#fff;outline:none}.form__contact .block__textarea{flex-direction:column;width:100%;display:flex}.form__contact .block__textarea textarea{resize:none}.form__contact button{border:1px solid var(--color-white);width:fit-content;color:var(--color-white);background-color:#0000;gap:8px}.form__contact button:hover{background-color:var(--color-secondary)}.form__contact button:after{border-color:var(--color-white)}@media only screen and (max-width:768px){.form__contact .form__wrapper{grid-template-columns:repeat(1,1fr)}}
