.whatsapp{z-index:9999;position:fixed;right:1rem;&#form-whatsapp{box-shadow:0 0 6px 4px rgb(255 255 255 / .03);background-color:var(--cinza-claro);bottom:6rem;border-radius:16px;width:450px;right:-1000px;transition:all .3s ease-in-out;&.active{right:1rem}.conteudo{.cabecalho{padding:.7rem 1rem;background-color:var(--preto);border-radius:14px 14px 0 0;gap:1rem;.titulo{color:var(--branco)}.fechar-form{background-color:rgb(255 255 255 / .15);padding:.12rem .095rem .12rem .15rem;border-radius:50%;cursor:pointer;transition:all .2s ease-out;&:hover{background-color:rgb(255 255 255 / .3)}svg{fill:var(--branco)}}}#form{padding:1rem;gap:1.5rem;.campos{gap:.5rem;width:100%;.form-grupo{width:100%;gap:.2rem;.alerta{font-size:14px;margin-left:4px}}}button{background-color:var(--primaria);color:var(--branco);font-size:16px;font-weight:500;transition:all .15s ease-in-out;&:hover{filter:brightness(.93)}}}}}&#whatsapp-flutuante{background-color:var(--clr-whatsapp);padding:.75rem;border-radius:50%;bottom:1rem;cursor:pointer;svg{fill:var(--branco)}}}@media(max-width:500px){.whatsapp#form-whatsapp{width:calc(100% - (1rem * 2));.conteudo{.cabecalho .titulo,#form .campos .form-grupo input,#form button{font-size:15px}}}}