.badge {
  font-size: 16px;
  line-height: 1;
  background-color: var(--color-background-accent-lite);
  color: var(--color-text-accent);
  padding: 6px 12px;
  border-radius: var(--radius-full);
  height: min-content;
  display: inline-block;
}
.badge.warning {
  background-color: var(--color-background-warning);
  color: var(--color-text-warning);
}
.badge.secondary {
  background-color: var(--color-background-secondary);
  color: var(--color-text-secondary);
}
.badge.success {
  background-color: var(--color-background-success);
  color: var(--color-text-success);
}