.hero > .hero-photo {
  position: absolute;
  right: 0;
  width: 64%;
  height: 100%;
  object-fit: cover;
  object-position: center 34%;
}

@media (max-width: 760px) {
  .hero > .hero-photo {
    width: 100%;
    object-position: 43% 30%;
  }
}

.location-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: -22px 0 38px;
}

.location-actions .button {
  min-width: 230px;
  justify-content: space-between;
}

@media (max-width: 760px) {
  .location-actions {
    display: grid;
    margin: -20px 0 32px;
  }

  .location-actions .button {
    width: 100%;
    min-width: 0;
  }
}