#btn-whatsapp.btn-whatsapp{width: 70px; height: 70px; background-color: transparent; background-image: linear-gradient(180deg, #7cdf80 0%, #4caf50 100%) !important; position: fixed; right: 30px; bottom: 30px; z-index: 500; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 5px rgb(76 175 80 / 50%); cursor: pointer;}
.btn-whatsapp svg{width: 45px; height: 45px; fill: #fff;}
#btn-whatsapp.btn-whatsapp:hover{background-image: linear-gradient(180deg, #41a8fb 0%, #1785dd 100%) !important; box-shadow: 0 0 0 5px rgb(33 150 243 / 50%);}

.box-form-whatsapp{width: 500px; height: 370px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); padding: 20px; position: fixed; right: -500px; bottom: 20px; z-index: 600; border-radius: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.box-form-whatsapp.ativo{right: 20px;}

.box-form-whatsapp .fechar-form{width: 30px; height: 30px; background-color: #f44336; position: absolute; top: -10px; right: -10px; border-radius: 100%; border: 2px solid #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.box-form-whatsapp .fechar-form:hover{background-color: #db1f10;}
.box-form-whatsapp .fechar-form svg{width: 20px; height: 20px;}
.box-form-whatsapp .fechar-form svg path{fill: #fff;}

.box-form-whatsapp h2{font-family: "Roboto", Sans-serif; font-size: 24px; font-weight: 700; line-height: 22px; color: #222d32; text-align: center; margin: -5px 0 20px 0;}

.box-form-whatsapp .wpcf7{width: 100%;}

.box-form-whatsapp .wpcf7-form p span input[type="text"], .box-form-whatsapp .wpcf7-form p span input[type="email"], .box-form-whatsapp .wpcf7-form p span input[type="tel"]{height: 55px; margin: 0 0 10px 0; font-size: 18px; padding: 0 0 0 15px;}

#box-form-whatsapp.box-form-whatsapp .wpcf7-form p input[type="submit"], #box-form-whatsapp.box-form-whatsapp .wpcf7-form p button{width: 100%; height: 60px; color: #fff; font-family: "Roboto", Sans-serif; font-size: 24px; font-weight: 700; background-color: transparent; background-image: linear-gradient(180deg, #7cdf80 0%, #4caf50 100%) !important; border-radius: 10px; padding: 0 10px; border: none; outline: none; text-transform: uppercase; margin: 0;display: flex; align-items: center; justify-content: center; gap: 5px; text-align: center;}
#box-form-whatsapp.box-form-whatsapp .wpcf7-form p input[type="submit"]:hover, #box-form-whatsapp.box-form-whatsapp .wpcf7-form p button:hover{background-image: linear-gradient(180deg, #41a8fb 0%, #1785dd 100%) !important;}

#box-form-whatsapp.box-form-whatsapp .wpcf7-form p button svg{width: 27px; height: 27px; fill: #fff; margin: -1px 0 0 0;}

.box-form-whatsapp .wpcf7-form .wpcf7-response-output{margin: 5px 0 0 0 !important; padding: 5px !important; font-size: 14px; line-height: 16px;}

@media(max-width:767px){
.box-form-whatsapp{width: 100%; height: 100%; right: -100%; bottom: 0; border-radius: 0; justify-content: start; padding: 50px 20px 0 20px;}
.box-form-whatsapp.ativo{right: 0;}
.box-form-whatsapp .fechar-form{top: 0; right: 0; border-radius: 0 0 0 10px; border: none;}
.box-form-whatsapp h2{font-size: 22px; margin: 0 0 15px 0;}
}