.badge {
  padding: 0 var(--space--xxx-sm);
  border-radius: var(--border-radius--sm);
  border: var(--border-width--sm) solid var(--badge-border-color);
  font-family: var(--font-family--headline);
  font-size: var(--font-size--xx-sm);
  color: var(--badge-color);
  line-height: 20px;
  background-color: var(--badge-background-color);
  text-transform: uppercase;
  height: var(--size--sm);
  display: flex;
  align-items: center;
  width: max-content;
}