.anim-opacity-c {
    animation: opacity-c 1s infinite linear;
}

@keyframes opacity-c {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0.2;
    }
}

// Pulse
.anim-pulse {
    animation: pulse 0.9s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

@mixin anim-pulse($pulse-color) {
    @keyframes pulse {
        from {
            box-shadow: 0 0 0 3px rgba(var($pulse-color), 1);
        }

        to {
            box-shadow: 0 0 0 10px rgba(var($pulse-color), 0);
        }
    }
}

@include anim-pulse(--my-color);

// Rotate
.amin-rotate {
    animation: rotate 2s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

// Rotate
.anim-bg-status {
    animation: bg-status 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

// BG status
@mixin bg-status($status-color) {
    @keyframes bg-status {
        to {
            background: rgba(var($status-color), 0.25);
            border-color: rgba(var($status-color), 1);
        }
    }
}