.component-whatsapp {display: flex; white-space: nowrap; gap: 8px; padding: 21px 23px; font: 500 19px/1 var(--garet); color: var(--branco); text-transform: uppercase; width: fit-content; border-radius: 15px; background: var(--verde1); align-items: center; transition: .3s;}
.component-whatsapp path {transition: .3s;}

.component-whatsapp:hover {transform:scale(1.02); color: var(--preto);}
.component-whatsapp:hover path {fill: var(--preto);}

@media (max-width: 990px) {
    .component-whatsapp {font-size: 15.5px; padding: 14px;}
}