.star {
    position: absolute;
    width: 22px;
    height: 22px;
    background: radial-gradient(circle, #ffd700 0%, #ff9f00 70%, #ff6a00 100%);
    clip-path: polygon(50% 0%,
            61% 35%,
            98% 35%,
            68% 57%,
            79% 91%,
            50% 70%,
            21% 91%,
            32% 57%,
            2% 35%,
            39% 35%);
    filter: drop-shadow(0 0 4px rgba(255, 200, 0, 0.8));
    opacity: 0;
    animation: explode 1500ms ease-out forwards;
}

@keyframes explode {
    0% {
        transform: translate(0, 0) scale(0.5) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translate(var(--x), var(--y)) scale(2.5) rotate(90deg);
        opacity: 0;

    }
}