.badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.72rem;
  font-weight: 900;
}

.badge--success {
  color: var(--green);
  background: rgba(109, 255, 178, 0.1);
  border: 1px solid rgba(109, 255, 178, 0.18);
}

.badge--warning {
  color: var(--furnace);
  background: rgba(255, 179, 87, 0.12);
  border: 1px solid rgba(255, 179, 87, 0.22);
}

.badge--muted {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--border);
}

.badge--danger {
  color: #ff8b8b;
  background: rgba(255, 90, 90, 0.1);
  border: 1px solid rgba(255, 90, 90, 0.22);
}