/* 
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span> */




span.fa.fa-star.checked {
    color: gold;
}

span.fa.fa-star.half-checked {
    color: linear-gradient(to left, gold 50%, transparent 50%);
}


span.fa.fa-star.isHovered {
    color: gold;
} 


span.fa.fa-star.checked.isNotHoverd {
    color: black!important;
}