.badge {
  padding-block: 2 * var(--space-px-base);
  padding-inline: var(--space-px-1);
  border-radius: var(--space-px-1);
  font-size: var(--font-size-1);
  font-weight: var(--font-weight-medium);
  /* cursor: pointer; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: var(--space-px-5);
  border: 1px solid;
}

.badge.status-green {
  background: var(--color-light-green);
  color: var(--color-green);
  border-color: var(--color-green);
}

.badge.status-grey {
  background: var(--color-light-grey);
  color: var(--color-black-opacity-64);
  border-color: var(--color-black-opacity-40);
}

.badge.status-orange {
  background: var(--color-light-orange);
  color: var(--color-orange);
  border-color: var(--color-orange);
}