.discounts {
    font-size: 1.2rem;
  }
  
  .discounts__discount {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.5 / var(--font-body-scale));
  }
  
  .discounts__discount svg {
    color: rgba(var(--color-button), var(--alpha-button-background));
  }
  
  .discounts__discount--position {
    justify-content: center;
  }
  
  @media screen and (min-width: 750px) {
    .discounts__discount--position {
      justify-content: flex-end;
    }
  }
  
  .discounts__discount > .icon {
    color: rgb(var(--color-foreground));
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.7rem;
  }