.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;}