/* TOPO */
.topo .phone-number, .topo .whatsapp-number{width: 100%; max-width: 280px; color: #fff; text-decoration: none;font-size: 18px; font-weight: 500;  border-radius: 5px; padding: 10px 30px; position: relative; display: flex; align-items: center; justify-content: center; gap: 8px;}
.topo .phone-number{background-color: #2196f3;}
.topo .whatsapp-number{background-color: #4caf50;}
.topo .phone-number:hover{background-color: #0a7bd5 !important;}
.topo .whatsapp-number:hover{background-color: #2f9533 !important;}
.topo .phone-number:before, .topo .whatsapp-number:before{width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: 100%; content: ""; display: block;}
.topo .phone-number:before{background-image: url(images/icone-telefone-branco.svg);}
.topo .whatsapp-number:before{background-image: url(images/icone-whatsapp.svg);}
/* TOPO */

/* RODAPÉ */
.rodape .phone-number, .rodape .whatsapp-number{width: 100%; max-width: 280px; color: #fff; text-decoration: none; font-size: 22px; font-weight: 700; border-radius: 100px; padding: 10px 50px; position: relative; display: flex; align-items: center; justify-content: center; gap: 8px;}
.rodape .phone-number{background-color: #2196f3;}
.rodape .whatsapp-number{background-color: #4caf50;}
.rodape .phone-number:hover{background-color: #0a7bd5 !important;}
.rodape .whatsapp-number:hover{background-color: #2f9533 !important;}
.rodape .phone-number:before, .rodape .whatsapp-number:before{width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-size: 100%; content: ""; display: block;}
.rodape .phone-number:before{background-image: url(images/icone-telefone-branco.svg);}
.rodape .whatsapp-number:before{background-image: url(images/icone-whatsapp.svg);}
.rodape .address{max-width: 600px; display: block; margin: 0 auto 0; background-color: #2b3a42; background-image: url(images/icone-mapa-branco.svg); background-position: center 10px; background-repeat: no-repeat; background-size: 30px; padding: 50px 20px 10px 20px; color: #d1d8dc; border-radius: 10px; font-size: 18px; text-align: center;}
/* RODAPÉ */