.component.whatsapp {background-color: var(--verde2); transition: .3s; display: flex; justify-content: center; align-items: center; padding: 0 17px 0 16px; border-radius: 10px; height: 47px; font: 500 12.88px/1 garet; color: var(--branco); gap: 6px; width: fit-content; text-transform: uppercase;}
.component.whatsapp p {margin: 2px 0 0;}
.component.whatsapp svg path {transition: .3s;}
.component.whatsapp:hover {transform: scale(1.02); color: #000;}
.component.whatsapp:hover svg path {fill: #000;}
@media (max-width: 990px) {
    .component.whatsapp {max-width: 400px; width: 100%;}
}