.header-discount {
  padding: ru(.5) ru(1);

  background: color('brand-3');
  color: color('neutral-8');

  line-height: 1;
  text-align: center;
}

.amount {
  @include typography(1);
  @include typography-semibold;
}

.prev-amount,
.unit,
.curr {
  @include typography-regular;
  @include typography-semibold;

  font-size: 60%;
  line-height: inherit;
}

.curr {
  position: relative;
  vertical-align: 10%;
}

.prev-amount {
  display: inline-block;
  margin-left: ru(1);

  opacity: 0.5;
  text-decoration: line-through;
}