@keyframes comeInOut {
    0% { transform: scale(0); }
    50% { transform: scale(1); }
    100% { transform: scale(0); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(180deg); }
}

.sparkling {
    position: relative;
    display: inline-block;
    z-index: 0;
    font-weight: bold;
    color: #ffffac;
}

.sparkling > span {
    z-index: -1;
    position: absolute;
    display: block;
    animation: comeInOut 700ms forwards;
}

.sparkling > span > svg {
    display: block;
    animation: spin 1000ms linear;
}

.star{
    z-index: 120;
    -webkit-filter: drop-shadow(0 0 5px #000);
    filter: drop-shadow(0 0 5px #000);
}