Rating en beoordeling met sterren

.rating 
  {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    font-size: 32px;
    gap: 5px;
  }

.rating div {color: silver;}
.rating div:before {font-family: 'FAR'; content: '\f005';}
.rating div:hover:before, .rating div:hover ~ div:before  {font-family: 'FAS'; color: gold;}

echo "<div class='rating'>";
echo "<div class='fa fas'></div>";
echo "<div class='fa fas'></div>";
echo "<div class='fa fas'></div>";
echo "<div class='fa fas'></div>";
echo "<div class='fa fas'></div>";
echo "</div>";