.starRatingContainer {
  @include flex-direction(row);
  justify-content: flex-start;
  gap: .5rem;
  min-width: 6.5rem;
  min-height: 2.1rem;
  line-height: 2.1rem;
  border-radius: 0.4rem;
  font-weight: 700;
  font-size: 1.3rem;
  margin: 0 0.33rem;
  line-height: 2.1rem;
  
  &.inactive {
    .fullStar {
      @include star(var(--empty-star-border-color), var(--empty-star-border-color), unset, 2.1rem);
    }
  }
}

.fullStar {
  @include star(var(--full-star-fill-color), var(--full-star-border-color), unset, 2.1rem);
}

.text {
  color: #fff;
  font-weight: 700;
  font-size: 1.3rem;
  margin: 0 0.33rem;
  line-height: 2.1rem;
}

