.link.whats-href { display: flex; gap: 10px; align-items: center; }
.link.whats-href.reverse .content{ flex-direction: column-reverse; }
.link.whats-href .img { width: 35px; height: 35px; flex: 0 0 35px; display: flex; align-items: center; justify-content: center; background: var(--zap); border-radius: 5px; position: relative; overflow: hidden; transition: transform var(--transition2, .4s), box-shadow var(--transition2, .4s); }
.link.whats-href .img::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0) 70%); opacity: 0; transition: opacity var(--transition2, .4s); pointer-events: none; }
.link.whats-href .img::after { content: ''; position: absolute; top: -145%; left: -60%; width: 44%; height: 290%; background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 42%, rgba(255, 255, 255, .72) 50%, rgba(255, 255, 255, .2) 58%, rgba(255, 255, 255, 0) 100%); transform: translateX(-220%) rotate(20deg); opacity: 0; pointer-events: none; }
.link.whats-href .img img { position: relative; z-index: 1; transition: transform var(--transition2, .4s); }
.link.whats-href .content { font: 15px montserrat; color: var(--texto); display: flex; flex-direction: column; }
.link.whats-href .content span { font-size: 11.64px; color: var(--zap); }

.link.whats-href.reverse .content { color: var(--branco); }

.link.whats-href:hover .img { transform: translateY(-1px) scale(1.02); box-shadow: 0 0 7px var(--zap); }
.link.whats-href:hover .img::before { opacity: .55; }
.link.whats-href:hover .img::after { opacity: 1; animation: zapShinySweep .85s ease-out; }
.link.whats-href:hover .img img { transform: scale(1.04); }


@keyframes zapShinySweep {
    0% { transform: translateX(-220%) rotate(20deg); opacity: 0; }
    16% { opacity: .95; }
    100% { transform: translateX(250%) rotate(20deg); opacity: 0; }
}