.glow {
    background-color: #0c0c0c;
    position: relative;
    border-radius: 8px;

    &::after {
        position: absolute;
        content: "";
        top: 15px;
        left: 0;
        right: 0;
        z-index: -1;
        height: 100%;
        width: 100%;
        transform: scale(0.9) translateZ(0);
        filter: blur(15px);
        background: linear-gradient(to left,
                /* #ff5770,
                #e4428d,
                #c42da8,
                #9e16c3,
                #6501de,
                #9e16c3,
                #c42da8,
                #e4428d,
                #ff5770 */
                var( --color-stuff),
                var(--color-primary),
                var(--color-blue),
                var(--color-wow),
                var( --color-supporting),
                var(  --color-primary-dark-alt)
                );
        background-size: 200% 200%;
        /* animation: animateGlow 1.75s linear infinite; */
        animation: pulsate 2s cubic-bezier(0.68, 0.15, 0.27, 1.55) infinite;
    }
}

@keyframes animateGlow {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}

@keyframes pulsate {
    0% {
        background-position: 0% 50%;
        transform: scale(0.9) translateZ(0);
        opacity: 1;
    }

    50% {
        transform: scale(0.85) translateZ(0);
    }

    100% {
        background-position: 200% 50%;
        /* transform: scale(1); */
        transform: scale(0.9) translateZ(0);
        opacity: 1;
    }
}