.formcontact{flex-direction:column;gap:30px;padding-inline:20px;display:flex}.formcontact .input-section{gap:20px;display:flex}.formcontact .input-section .input-box{width:100%;position:relative}.formcontact .input-section .input-box label{pointer-events:none;color:var(--text-color);padding:0 4px;font-size:16px;transition:top .3s,font-size .3s,color .3s;position:absolute;top:16px;left:16px}.formcontact .input-section .input-box label span{color:var(--red-color);display:none}.formcontact .input-section .input-box:focus-within label{background-color:var(--bg-color);color:var(--lilac-color);font-size:.9rem;top:-10px}.formcontact .input-section .input-box:has(input:not(:placeholder-shown)) label{background-color:var(--bg-color);color:var(--lilac-color);font-size:.9rem;top:-10px}.formcontact .input-section .input-box:has(textarea:not(:placeholder-shown)) label{background-color:var(--bg-color);color:var(--lilac-color);font-size:.9rem;top:-10px}.formcontact .input-section .input-box textarea{height:150px;padding:20px}.formcontact .input-section .input-box .contador{text-align:right;font-size:.8rem}.formcontact .input-section .input-box button{background-color:var(--lilac-transparent);width:100%;max-width:220px;height:60px;color:var(--white-color);border-radius:100px;position:relative}.formcontact .input-section .input-box button:hover:after{background-color:var(--lilac-active)}.formcontact .input-section .input-box button:after{z-index:-1;background-color:var(--lilac-color);content:"";border-radius:100px;width:200px;height:45px;position:absolute}@media (max-width:420px){.formcontact{gap:20px}.formcontact .input-section{flex-direction:column}.formcontact .input-section .input-box button{max-width:100%;height:60px}.formcontact .input-section .input-box button:after{width:calc(100% - 15px)}}
