.price {
  color: rgb(var(--color-text));
}

.price__container {
  display: flex;
}

.price .price-item {
  margin-right: .5rem
}

@media screen and (min-width: 750px) {
  .price {
    margin-bottom: 0;
  }
}

.price__sale {
  display: none;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}