.task-badges--badge {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .25rem;
  background-color: var(--neutral-50);
  border-radius: var(--radius-sm);
  padding: .125rem .25rem;

  span {
    font-size: var(--rem-12);
    font-variation-settings: 'wght' var(--text-medium);
    color: var(--neutral-600);
  }
}

.task-badges--badges-list-container {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: .5rem;
}