Elementor Animated Border | Elementor Tips and Tricks

Elementor Animated Border CSS

    :root{
        --first-color: #ef32d9;
        --second-color: #89fffd;
        --size: 100px;
        --speed: 4s;
    }
    selector{
        overflow: hidden !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    selector:before{
        content: '';
        position: absolute;
        width: var(--size);
        height: 140%;
        background: linear-gradient(var(--first-color), var(--second-color));
        animation: animate var(--speed) linear infinite;
    }
    @keyframes animate{
        0%{
            transform: rotate(0deg);
        }
        100%{
            transform: rotate(360deg);
        }
    }