.badge {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font-size: var(--font-size-p);
  font-weight: 400;
}

.badge--overdue {
  background: var(--color-error);
  color: #fff;
}

.badge--open {
  background: var(--primary-300);
  color: #fff;
}

.badge--done {
  background: var(--color-accent);
  color: #fff;
}