How to Create Animated Gradient Text Effects in Elementor

.heading-shimmer {
    position: relative;
    display: inline-block;
    background: linear-gradient(
        90deg,
        #00a3ff 0%,
        #7c4dff 20%,
        #ffffff 45%,
        #fbbd04 55%,
        #00a3ff 100%
    );
    background-size: 300% 100%;
    background-position: 150% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: shimmerMove 8.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    will-change: background-position;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@keyframes shimmerMove {
    0% {
        background-position: 150% 50%;
    }
    50% {
        background-position: 0% 50%;
    }
    100% {
        background-position: -150% 50%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .heading-shimmer {
        animation: none;
    }
}