.stars {display: flex; gap: 30px; align-items: center; padding: 60px 0; font-weight: 500;}
.stars #ratingGrade {font-size: 26px;}
.stars #ratingCount {font-size: 18px; font-weight: 300;}
.stars .rating {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: var(--zero); display: flex; gap: 15px; padding: 15px;}
.stars .rating svg {width: 25px; height: 25px;}
.stars .rating svg * {fill: var(--two);}
.stars .rating span.hover * {fill: var(--two-dark); cursor: pointer;}

@media (max-width: 767.98px) {
	.stars {flex-direction: column;}
}