.hero-price {
  margin: 25px 0 8px;
  color: var(--light-gold);
  font: 500 42px/1.2 var(--display);
}

.hero-note {
  margin: 0;
}

.hero-actions {
  margin: 25px 0 0;
}

@media (max-width: 760px) {
  .nav .button {
    display: none;
  }

  .hero-price {
    order: 4;
    align-self: flex-start;
    margin-top: 22px;
    font-size: 38px;
  }

  .hero-note {
    order: 5;
    align-self: flex-start;
  }

  .hero-actions {
    order: 6;
    align-self: flex-start;
    margin: 20px 0 0;
  }
}