@charset "utf-8";

/* Homepage-only mobile booking CTA.
   Loaded after next-gig.css so gig-card button rules cannot restyle the hero. */
.hero-book-mobile {
  display: none;
}

@media (max-width: 760px) {
  .hero a.button.hero-book-mobile {
    position: relative !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 46px !important;
    margin: 20px auto 0 !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 21px !important;
    border: 1px solid rgba(223, 178, 255, 0.46) !important;
    border-radius: 999px !important;
    background: rgba(13, 8, 24, 0.9) !important;
    color: #fff !important;
    font:
      800 0.72rem/1 "Manrope",
      sans-serif !important;
    letter-spacing: 0.07em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow:
      0 8px 22px rgba(0, 0, 0, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  }

  .hero a.button.hero-book-mobile::after {
    display: none !important;
    content: none !important;
  }

  .hero a.button.hero-book-mobile:hover,
  .hero a.button.hero-book-mobile:focus-visible {
    border-color: rgba(223, 178, 255, 0.72) !important;
    background: rgba(27, 16, 45, 0.96) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    box-shadow:
      0 10px 26px rgba(0, 0, 0, 0.3),
      0 0 18px rgba(183, 140, 255, 0.1) !important;
  }

  .hero a.button.hero-book-mobile:active {
    transform: none !important;
  }
}

@media (max-height: 700px) and (max-width: 760px) {
  .hero a.button.hero-book-mobile {
    min-height: 44px !important;
    margin-top: 15px !important;
    padding-inline: 19px !important;
  }
}