/* The green buttons (and the planner's send button once there is something to send), with a glossy shine: a lighter top edge, a soft highlight across the upper half,
   a crisp rim and a glow in the button's own colour. Loaded on the homepage and the industry pages,
   after their own styles; `html` in front keeps these ahead of each page's base button rules. */
html .hdr-book,
html .hp-book,
html .hm-btn:not(.hm-btn--light),
html body.ind .pg-hero .btn-cta,
html body.ind .band .btn-cta,
html body.ind .sec-cta .btn-cta,
html .hp.has .hp-go,
html .bk-send:not([disabled]),
html .gs-next,
html .btn-go:not([disabled]){
  position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.18);
  background:linear-gradient(180deg,#4ECB9F 0%,#1F9A72 48%,#156F52 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 0 0 1px rgba(16,74,60,.55),
    0 8px 22px -6px rgba(25,140,100,.65),
    0 0 28px -6px rgba(60,210,150,.6);
  transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,filter .2s}
/* the shine: a curved highlight across the top half */
html .hdr-book::before,
html .hp-book::before,
html .hm-btn:not(.hm-btn--light)::before,
html body.ind .pg-hero .btn-cta::before,
html body.ind .band .btn-cta::before,
html body.ind .sec-cta .btn-cta::before,
html .hp.has .hp-go::before,
html .bk-send:not([disabled])::before,
html .gs-next::before,
html .btn-go:not([disabled])::before{
  content:"";position:absolute;left:7%;right:7%;top:1px;height:54%;z-index:-1;pointer-events:none;
  border-radius:999px 999px 50% 50% / 999px 999px 100% 100%;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.04))}
html .hdr-book:hover,
html .hp-book:hover,
html .hm-btn:not(.hm-btn--light):hover,
html body.ind .pg-hero .btn-cta:hover,
html body.ind .band .btn-cta:hover,
html body.ind .sec-cta .btn-cta:hover,
html .hp.has .hp-go:hover,
html .bk-send:not([disabled]):hover,
html .gs-next:hover,
html .btn-go:not([disabled]):hover{
  filter:brightness(1.06) saturate(1.05);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -1px 0 rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 0 0 1px rgba(16,74,60,.6),
    0 12px 28px -6px rgba(25,140,100,.75),
    0 0 38px -4px rgba(60,210,150,.7)}
/* at night the glow carries further */
html[data-theme="dark"] .hdr-book,
html[data-theme="dark"] .hp-book,
html[data-theme="dark"] .hm-btn:not(.hm-btn--light),
html[data-theme="dark"] body.ind .pg-hero .btn-cta,
html[data-theme="dark"] body.ind .band .btn-cta,
html[data-theme="dark"] body.ind .sec-cta .btn-cta,
html[data-theme="dark"] .hp.has .hp-go,
html[data-theme="dark"] .bk-send:not([disabled]),
html[data-theme="dark"] .gs-next,
html[data-theme="dark"] .btn-go:not([disabled]){
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 -1px 0 rgba(0,0,0,.3),
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 0 0 1px rgba(80,200,160,.35),
    0 8px 24px -6px rgba(0,0,0,.7),
    0 0 34px -4px rgba(60,210,150,.55)}
@media(prefers-reduced-motion:reduce){html .hdr-book,html .hp-book,html .hm-btn,html body.ind .pg-hero .btn-cta{transition:none}}