.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.rating input {
  display: none;
}
.rating label {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
}
.rating input:checked ~ label {
  color: gold;
}
.rating label:hover,
.rating label:hover ~ label {
  color: gold;
}