.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid var(--color-magenta-fade);
  background: var(--color-chip-background);
  color: var(--color-chip);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 14px;
  font-family: var(--type-chip-family);
  font-weight: var(--type-chip-weight);
  font-style: var(--type-chip-style);
  font-size: var(--type-chip-size);
  line-height: var(--type-chip-height);
}