.rating {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  text-align: left;
  /* margin-bottom: var(--space-sm); */
  align-items: start;
}

.rating-span {
  flex-direction: row;
  background-color: rgba(var(--color-bg-contrast-rgb), 0.2);
  border-radius: 3px;
  padding: var(--space-xs) var(--space-sm);
}

.rating .stars {
  color: var(--color-rating-stars);
  font-size: 1.5rem;
  line-height: 1;
}

.rating .families-count {
  font-size: 0.875rem;
  color: #fff;
  margin-top: var(--space-xxs);
  text-align: left;
}

.color-black {
  color: #000 !important;
}

/* Responsividade */
@media (max-width: 768px) {
  .rating {
    margin-bottom: var(--space-sm);
  }
  .rating .families-count {
    margin-top: calc(var(--gap-recap-container) / 2);
  }
}