/*---------- star rating ----------*/

.star-rating {
     display: inline-flex;
    font-weight: bold;
    font-size: 15px;
}
.back-stars {
    display: inline-flex;
    color: #ae78f4;
    position: relative;
}
.front-stars {
     display: inline-flex;
    color: #4d0ca3;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .5s
}

.back-stars.HWB{ color: #a3d893;}
.front-stars.HWB{ color: #008b07;}

.back-stars.EA{ color: #f9a267;}
.front-stars.EA{ color: #894303;}

.back-stars.FIN{ color: #6a9ff9;}
.front-stars.FIN{ color: #00235b;}

.back-stars.CON{ color: #fb8d87;}
.front-stars.CON{ color: #720800;}

.back-stars.TRN{ color: #c8ede2;}
.front-stars.TRN{ color: #23564f;}


.back-stars i,
.front-stars i{margin-top:5px;margin-left:1px;}