.star-1.star-rated-on:not(.star-stub) {
    color: hsl(66, 80%, 50%);
}
.star-1 {
    color: #797979;
}
.star-2.star-rated-on:not(.star-stub) {
    color: hsl(60,80%,50%);
}
.star-2 {
    color: #868686;
}
.star-3.star-rated-on:not(.star-stub) {
    color: hsl(54,80%,50%);
}
.star-3 {
    color: #929292;
}
star-4.star-rated-on:not(.star-stub) {
    color: hsl(48,80%,50%);
}
.star-4 {
    color: #989898;
}
.star-5.star-rated-on:not(.star-stub) {
    color: hsl(42,80%,50%);
}
.star-5 {
    color: #a4a4a4;
}
 
.star-rating {
    font-size: 24px;
    line-height: 36px;
    cursor: pointer;
    display: block;
    float: left;
    height: 36px;
    overflow: hidden;
    width: 36px;
}