.rating {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

.rating-star {
  --letter-spacing: 0.15;
  --font-size: 1.4;
  --percent: calc(
    (var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) /
    (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%
  );

  letter-spacing: calc(var(--letter-spacing) * 1rem);
  font-size: calc(var(--font-size) * 1rem);
  line-height: 1;
  display: inline-block;
  font-family: Arial, sans-serif;
  margin: 0;
}

.rating-star::before {
  content: '\2665\2665\2665\2665\2665';

  background: linear-gradient(
    90deg,
    var(--color-reviews) var(--percent),
    rgba(var(--color-foreground), 0.15) var(--percent)
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.rating-text {
  display: inline-block;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1;
  color: rgba(var(--color-foreground), 0.65);
}

.rating-count {
  display: none;
  margin: 0;
}

.card__rating {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

@media (forced-colors: active) {
  .rating-star {
    display: none;
  }

  .rating-text {
    display: inline-block;
  }
}