.assessments-fields {
  counter-set: assessments-count;
}
.assessments-counter {
  counter-increment: assessments-count;
  &:before {
    content: attr(data-counter-label) " " counter(assessments-count) ": ";
    margin: 0 1em;
    padding: 0.5em 0;
  }
}

.evaluation__assessment-options {
  --bg: var(--bulma-warning-25);
  --border: var(--bulma-warning-35);
  --color: var(--bulma-warning);
  color: var(--color);
}
.evaluation__assessment-options > * {
  background-color: var(--bg);
  border-radius: 3px;
  border: 1px solid var(--border);
}
[data-theme=light] {
  .evaluation__assessment-options {
    --bg: var(--bulma-warning-75);
    --border: var(--bulma-warning-50);
    --color: var(--bulma-warning-25);
  }
}

@media (min-width: 770px) {
  .evaluation__assessment-options {
    display: flex;
    justify-content: end;
  }
}