/* sparkling stars */
/*******************/
@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: #FFC700;*/
    padding-left: 8px;
}
.sparkling.badge{
     display: grid;
}

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

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