.additional-discount-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  padding-block: 4px;
  padding-inline: 10px;
  border: 1px solid var(--additional-discount-badge-border);
  border-radius: 50px;
  background-color: var(--additional-discount-badge-bg);
  color: var(--additional-discount-badge-color);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: var(--additional-discount-badge-size-mobile);
  font-weight: var(--additional-discount-badge-weight);
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;

  @media screen and (min-width: 750px) {
    font-size: var(--additional-discount-badge-size-desktop);
  }
}