.component.whatsapp {transition: .3s; background-color: var(--verde2); width: fit-content; align-items: center; gap: 6px; border-radius: 8px; display: flex; justify-content: space-between; padding: 0 18px 0 20px; height: 45px; white-space: nowrap; font: 400 12.1px/16px controllerext; color: var(--branco);}
.component.whatsapp p {margin: 2px 0 0;}
.component.whatsapp:hover {transform: scale(1.03); color: #c1ffc1;}

@media (max-width: 990px) {
    .component.whatsapp {max-width: 450px; width: 100%; margin: 0 auto; align-self: center; justify-content: center;}
}