【Misskey】アイコンの周りに★を飛ばすカスタムCSS

/* アイコンの周りに★を飛ばす */
.x5yeR {
    ._noSelect {
        position: relative;
    }
    ._noSelect::before,
    ._noSelect::after {
        content: "★";
        line-height: 1;
        color: transparent;
        z-index: 10;
        display: block;
        position: absolute;
        background-image: linear-gradient(135deg, #fc00ff, #00dbde);
        -webkit-background-clip: text;
    }
    ._noSelect::before {
        top: 5px;
        left: -5px;
        font-size: 1.5em;
        animation: twinkle 1.8s infinite;
    }
    ._noSelect::after {
        bottom: 0px;
        right: 0px;
        font-size: 1em;
        animation: twinkle 2.0s infinite;
    }
}
@keyframes twinkle {
0% { opacity: 0; transform: scale(0.2) rotate(0deg); }
85% { opacity: 0.9; transform: scale(1) rotate(360deg); }
100% { opacity: 0.5; transform: scale(0.7) rotate(361deg); }
}