.discounts {
  margin: 0 -2px;
  font-size: 11px;
}

.discounts__discount {
  display: inline-flex;
  align-items: center;
  margin: 0 2px;
  padding: 3px 6px;
  line-height: 1;
  font-family: 'Modernist';
  font-size: 11px;
  border-radius: 2px;
  border: 1px dashed #bfbfbf;
  color: var(--brand-red);
}
.discounts__discount--position {
  justify-content: center;
}

@media screen and (min-width: 750px) {
  .discounts__discount--position {
    justify-content: flex-end;
  }
}