.avaliacao-item-produto {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: end;
  gap: 1rem;
}

.nota-avaliacao::before {
  font-size: 2rem;
  font-family: bootstrap-icons !important;
  display: inline-block;
  content: "\f586";
}

.nota-ativa {
  color: var(--cor-estrela-produto);
}

.nota-avaliacao {
  cursor: pointer;
}