:root {
  --star-size: 30px;
  --star-color: #fff;
  --star-background: #007122;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);

  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;

  &::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000005c;
  }
}


.Stars * {
  position: relative;
  box-sizing: border-box;
}