.rating-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.rating-badge__star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.rating-badge__rating {
  font-weight: 600;
  font-size: 15px;
}

.rating-badge__count {
  color: var(--apple-text-secondary);
  font-size: 13px;
  opacity: 0.8;
}

/* State Modifiers */
.rating-badge--rated .rating-badge__star {
  color: #fbbf24;
}

.rating-badge--unrated .rating-badge__star {
  color: var(--apple-text-secondary);
  opacity: 0.6;
}

.rating-badge--rated .rating-badge__rating {
  color: var(--apple-text);
}

.rating-badge--unrated .rating-badge__rating {
  color: var(--apple-text-secondary);
}

/* XS Size */
.rating-badge--xs .rating-badge__rating {
  font-size: 12px;
}
.rating-badge--xs .rating-badge__count {
  font-size: 12px;
}

/* SM Size */
.rating-badge--sm .rating-badge__rating {
  font-size: 14px;
}
.rating-badge--sm .rating-badge__count {
  font-size: 12px;
}

/* MD Size */
.rating-badge--md {
  padding: 8px 12px;
  border-radius: 0.75rem;
}