.star-rating {
      display: inline-flex;
      direction: ltr;
      cursor: pointer;
  }

  .star {
      width: 24px;
      height: 24px;
      margin-right: 6px;
      fill: #e5e5e5;
      transition: fill 0.2s;
  }

  .star.full {
      fill: #ffa500;
  }

  .star.half {
      fill: url(#halfGradient);
  }

  .star-rating.disabled {
      pointer-events: none;
      opacity: 0.6;
  }