/*------------------------------------------------------------
PRICE
====================================*/

.price-wrapper {
  display: flex;
  align-items: baseline;
  .promo {
    order: 1;
    margin-left: 1.5rem;
  }
  &.right {
    .promo {
      order: -1;
      margin-left: 0;
      margin-right: 1.5rem;
    }
  }
}

.price-wrapper-vertical {
  display: inline-flex;
  flex-direction: column;
  text-align: right;
  line-height: 1.2;
  .promo {
    order: 1;
  }
  &.down {
    .promo {
      order: -1;
    }
  }
}

/* RESPONSIVE */
/***************************************/
@include media-breakpoint-up(md) {
  .price-wrapper-vertical {
    line-height: 1.3;
  }
}
