/* b10 — approved by Simon 5 Oct 2026 */
@layer vx {
  /* b10 · Soft-raised buttons (restrained relief)
     Family: buttons. Rules are scoped under html:not(._); author_lib adds
     @layer vx + !important so they beat the site's own !important rules.
     Labels, links, wording and the hero photograph are untouched.
     Sub-lines reuse wording that is already on the page. */


  html:not(._){--lift:0 6px 14px -10px rgba(24,61,96,.45),0 1px 2px rgba(24,61,96,.08) !important;
    --lift-in:inset 0 1px 0 rgba(255,255,255,.9) !important}
  html:not(._) .booking-band{--lift:0 6px 14px -10px rgba(24,61,96,.4),0 1px 2px rgba(24,61,96,.07) !important;
    --lift-in:inset 0 1px 0 rgba(255,255,255,.55) !important}

  html:not(._) .hs-btn-line,
  html:not(._) .hs-btn-sm,
  html:not(._) .hero-pills a,
  html:not(._) .header-refer-link,
  html:not(._) .clinic-location-trigger{box-shadow:var(--lift),var(--lift-in)!important;
    transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease}
  html:not(._) .hs-btn-line:hover,html:not(._) .hs-btn-sm:hover,html:not(._) .hero-pills a:hover,
  html:not(._) .header-refer-link:hover{transform:translateY(-2px) !important;
    box-shadow:0 12px 22px -12px rgba(24,61,96,.5),0 2px 4px rgba(24,61,96,.1),var(--lift-in)!important}
  html:not(._) .hs-btn-line:active,html:not(._) .hs-btn-sm:active,html:not(._) .hero-pills a:active,
  html:not(._) .header-refer-link:active{transform:translateY(0) !important;
    box-shadow:inset 0 2px 5px rgba(24,61,96,.16),inset 0 -1px 0 rgba(255,255,255,.7)!important}

  /* the filled buttons get a matching top light so the family stays together */
  html:not(._) .hs-btn-fill,html:not(._) .pill.hero-book{box-shadow:0 8px 18px -12px rgba(24,61,96,.65),
    inset 0 1px 0 rgba(255,255,255,.22)!important}
  @media (prefers-reduced-motion:reduce){
    html:not(._) .hs-btn-line,html:not(._) .hs-btn-sm,html:not(._) .hero-pills a,html:not(._) .header-refer-link,
    html:not(._) .clinic-location-trigger{transition:none}
    html:not(._) .hs-btn-line:hover,html:not(._) .hs-btn-sm:hover,html:not(._) .hero-pills a:hover,
    html:not(._) .header-refer-link:hover{transform:none !important}
  }
}