.discount {
  display: inline-flex;
  align-items: center;
  height: var(--discount--height);
  min-width: var(--discount--height);
  padding: 0 var(--discount--padding);
  border: var(--discount--border-weight) solid var(--color-border);
  border-radius: var(--discount--border-radius);
  background-color: var(--color-background);
  box-shadow: 0 0 var(--discount--shadow-blur) var(--color-border) inset;
  text-shadow: 0 0 var(--discount--shadow-blur) var(--color-border);
  font-size: var(--discount--font-size);
  color: var(--color-text);
  white-space: nowrap;
}

.discount .icon {
  width: 1em;
  height: auto;
  margin-right: calc(var(--discount--padding) / 2);
}