@keyframes ringPulse {
0% {
box-shadow: 0 0 0 0 rgba(133, 156, 84, 0.5);
}
70% {
box-shadow: 0 0 0 10px rgba(133, 156, 84, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(133, 156, 84, 0);
}
}
selector .elementor-social-icon {
position: relative;
border-radius: 50%;
animation: ringPulse 2s infinite;
transition: transform 0.3s;
}
selector svg{
display: inline-block;
animation: gentle 1000ms ease-in-out infinite;
transform-origin: center;
}
@keyframes gentle {
0% { transform: rotate(0deg); }
30% { transform: rotate(-5deg); }
60% { transform: rotate(5deg); }
100% { transform: rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
selector svg { animation: none; }
}