.episode-rating {
  display: inline-block;
  font-family: sans-serif;
}

.stars-wrapper {
  display: inline-block;
}

.stars {
  display: flex;
  direction: ltr;
}

.star {
  position: relative;
  font-size: 32px;
  color: #ccc;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-align: center;
}

.star::before {
  content: "★";
  color: inherit;
  position: absolute;
  left: 0;
  top: 0;
}

.star.full::before {
  color: #ff8b00;
}

.star.half::before {
  background: linear-gradient(90deg, #ff8b00 50%, #ccc 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rating-value {
  margin-top: 5px;
  font-size: 14px;
  color: #333;
  text-align: left;
}