.site-rating-stars {
    display: inline-block;
    position: relative;

}
.site-rating-stars input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    bottom: 0;
    left: 50%;
}
.site-rating-stars label {
    float: right;
    line-height: 1;
    color: #a7a7a7;
}
.site-rating-stars label::before {
    content: "\2605";
    font-size: 4rem;
    padding: 0;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 800;
    font-family: 'Font Awesome 5 Free';
}
.site-rating-stars .half:before {
    content: "\f089";
    /* half star no outline */
    position: absolute;
    max-width: 1.25rem;
    overflow: hidden;
}
.site-rating-stars input:checked~label,
.site-rating-stars label:hover,
label:hover~label {
    color: #E1C03F;
}
.site-rating-stars input:checked+label:hover,
.site-rating-stars input:checked~label:hover,
/* highlight current and previous stars */
.site-rating-stars input:checked~label:hover~label,
/* highlight previous selected stars for new rating */
.site-rating-stars label:hover~input:checked~label
/* highlight previous selected stars */ {
    color: #e3c654;
}