.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);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);display:none}.formcontact .input-section .input-box:focus-within label{background-color:var(--bg);color:var(--lilac);font-size:.9rem;top:-10px}.formcontact .input-section .input-box:has(input:not(:placeholder-shown)) label{background-color:var(--bg);color:var(--lilac);font-size:.9rem;top:-10px}.formcontact .input-section .input-box:has(textarea:not(:placeholder-shown)) label{background-color:var(--bg);color:var(--lilac);font-size:.9rem;top:-10px}.formcontact .input-section .input-box input,.formcontact .input-section .input-box textarea{outline-offset:-2px;outline:2px solid #0000;transition:border-color .3s,outline .2s}.formcontact .input-section .input-box input:focus,.formcontact .input-section .input-box textarea:focus{border-color:var(--lilac);outline:2px solid var(--lilac);outline-offset:-2px}.formcontact .input-section .input-box textarea{height:150px;padding:20px}.formcontact .input-section .input-box .contador{text-align:right;color:var(--text);font-size:.8rem}.formcontact .input-section .input-box button{background-color:var(--lilac-transparent);width:100%;max-width:220px;height:60px;color:var(--white);cursor:pointer;outline-offset:2px;border:none;border-radius:100px;outline:2px solid #0000;font-family:inherit;font-size:1rem;font-weight:500;transition:outline .2s,background-color .3s;position:relative}.formcontact .input-section .input-box button:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.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);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)}}
