.whats-body { display: flex; align-items: center; }
.whats-body .img { display: flex; align-items: center; justify-content: center; background: var(--zap); width: 45px; height: 45px; border-radius: 8px; } 
.whats-body > p { background: var(--zap-escuro); border: 1px solid var(--zap); padding: 10px 10px 10px 25px; margin-left: -15px; z-index: -1; font: 500 16px / 1 gotham; color: var(--branco); border-radius: 8px;  }
.whats-href { display: inline-flex; align-items: center; text-decoration: none; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.2s ease; }

.whats-href:hover { transform: translateY(-2px); filter: drop-shadow(0 6px 18px rgba(37, 211, 102, 0.45)); }
.whats-href .img { display: flex; align-items: center; justify-content: center; background: var(--zap); width: 45px; height: 45px; border-radius: 8px; position: relative; z-index: 1; transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.2s ease; }
.whats-href:hover .img { transform: scale(1.12); background: #25d366; }
.whats-href .img img { transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1); }
.whats-href:hover .img img { transform: scale(1.15); }
.whats-body > p { background: var(--zap-escuro); border: 1px solid var(--zap); padding: 10px 10px 10px 25px; margin-left: -15px; z-index: -1; font: 500 16px / 1 gotham; color: var(--branco); border-radius: 8px; transition: padding-right 0.2s ease, background 0.2s ease, letter-spacing 0.2s ease; }
.whats-href:hover > p { padding-right: 18px; letter-spacing: 0.4px; background: #1a3d2b; }
.whats-href:active { transform: translateY(0px); filter: drop-shadow(0 2px 6px rgba(37, 211, 102, 0.3)); }
.whats-href:active .img { transform: scale(0.96) rotate(0deg); }