/*.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2) var(--space-12);
  font-size: var(--fs-12);
  font-weight: var(--fw-600);
  line-height: var(--line-height-12);
  color: var(--color-text);
  background-color: var(--grey-100);
  border: var(--border-width-1) solid var(--grey-400);
  border-radius: var(--radius-full);
  cursor: default;
  user-select: text;
  text-shadow: 1px 1px 0 var(--white);
  letter-spacing: 0.01em;
}*/

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4) var(--space-12);
  font-size: var(--fs-12);
  font-weight: var(--fw-600);
  line-height: var(--line-height-12);
  color: var(--color-text);
  background-color: var(--grey-200);

  border-radius: var(--radius-full);
  cursor: default;
  user-select: text;
  text-shadow: 1px 1px 0 var(--white);
  letter-spacing: 0.01em;
}

/* Contatore dentro al badge: sfondo di un gradino piu' scuro per staccare
   il numero dalla label senza cambiare peso o dimensione del testo. */
.badge__count {
  padding: 0 var(--space-6);
  margin-left: var(--space-6);
  margin-right: calc(var(--space-6) * -1);
  background-color: var(--grey-300);
  border-radius: var(--radius-full);
}