.badge {
  border: 1px solid transparent;
  border-radius: 0r;
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.6rem 1.6rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: rgb(var(--color-foreground));
  word-break: break-word;
  text-transform: uppercase;
}
.badge.badge--sale{
  color: rgb(var(--sale-badge-color));
  background-color: rgb(var(--sale-badge-background-color));
  border-color: rgb(var(--sale-badge-background-color));
}
.badge.badge--sold-out{
  color: rgb(var(--sold-out-badge-color));
  background-color: rgb(var(--sold-out-badge-background-color));
  border-color: rgb(var(--sold-out-badge-background-color));
}