.badge {
  display: inline-block;
  padding: 0.8rem 1.2rem;
  font-size: 1.2rem;
  line-height: 1.1;
  font-family: var(--font-body-family);
  font-weight: 500;
  word-break: break-word;
  background-color: var(--color-badge-bg);
  color: var(--color-badge-text);
}

.badge.badge--sale {
  background: var(--stx-copper-gradient);
  color: #fff;
  border: 1px solid color-mix(in srgb, var(--stx-copper-border) 70%, white 30%);
  box-shadow: var(--stx-copper-shadow-inset);
}