.whats-button { display: flex; gap: 2px; }
.whats-button > .img { width: 42px; height: auto; aspect-ratio: 1/1; transition: .4s ease; display: flex; align-items: center; justify-content: center; background-color: var(--fundo-zap); }
.whats-button .content { background: var(--fundo-zap-texto); transition: .4s ease; display: flex; align-items: center; font: 15.45px modelica; color: var(--branco); padding: 0 10px; }
.whats-button:hover .content,
.whats-button:hover > .img { background: #528708; }