.badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-gotham);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
}

.success {
  background: rgba(45, 106, 79, 0.12);
  color: var(--succes);
}

.danger {
  background: rgba(192, 57, 43, 0.12);
  color: var(--erreur);
}

.warning {
  background: rgba(243, 156, 18, 0.14);
  color: var(--avertissement);
}

.info {
  background: rgba(41, 128, 185, 0.12);
  color: var(--info);
}

.neutral {
  background: var(--gris-clair);
  color: var(--gris-moyen);
}