.m-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
}

.m-rating__star {
  width: 1.25rem;
  height: 1.25rem;
  background: var(--color-greyscale-2);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-rating__value {
  margin-left: 0.3125rem;
  color: var(--color-greyscale-2);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}