@property --a {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes ry-anim-stroke-spin {
    to { --a: 360deg; }
}

.ry-anim-stroke {
    position: relative;
    isolation: isolate;
}

.ry-anim-stroke::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--a),
        var(--e-global-color-primary),
        #ffffff,
        var(--e-global-color-primary)
    );
    animation: ry-anim-stroke-spin 3s linear infinite;
    z-index: -2;
}

.ry-anim-stroke::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: inherit;
    z-index: -1;
}