.star-rating {
display: flex; flex-direction: row-reverse;
justify-content: flex-end; border: none;
padding: 0;
margin: 0;
width: fit-content;
} .star-rating input[type="radio"] {
display: none;
} .star-rating label {
font-size: 2.5rem;
color: #cccccc;
cursor: pointer;
transition: color 0.2s ease-in-out;
padding: 0 0.1em;
}  .star-rating label:hover,
.star-rating label:hover ~ label {
color: #ffc700;
}  .star-rating input[type="radio"]:checked ~ label {
color: #ffc700;
}