/* Buttons on every Service page. Linked after each page's own styles so one look wins everywhere.
   Primary: a lit green face with a bevel, a slow sweep of light and an arrow that taps, every few seconds.
   Secondary: the same raised build in white. The steppers, arrows and small controls borrow the white one. */

/* the trial button */
.btn.btn-p{--bp-face:linear-gradient(180deg,#3bedc0 0%,#00c896 48%,#00ab81 100%);--bp-sheen:linear-gradient(105deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 62%);
 background:var(--bp-sheen) 100% 0/260% 100% no-repeat,var(--bp-face);color:#03201a;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,92,66,.25),0 0 0 1px rgba(0,128,94,.4),0 16px 30px -12px rgba(0,170,125,.8),0 3px 8px -2px rgba(0,120,88,.3);
 animation:bpSheen 4.6s cubic-bezier(.45,0,.2,1) 1.2s infinite}
.btn.btn-p:hover{background:var(--bp-sheen) 100% 0/260% 100% no-repeat,var(--bp-face);filter:brightness(1.06) saturate(1.06);animation:none}
.btn.btn-p:active{transform:translateY(1px) scale(.985);filter:brightness(.97)}
.btn.btn-p:focus-visible{outline:3px solid #0c7859;outline-offset:3px}
.btn-p .ar{display:inline-block;animation:bpTap 4.6s ease-in-out 1.2s infinite}
.btn-p:hover .ar{animation:none;transform:translateX(5px)}
@keyframes bpSheen{0%,64%{background-position:100% 0,0 0}100%{background-position:0% 0,0 0}}
@keyframes bpTap{0%,66%,100%{transform:none}78%{transform:translateX(5px)}90%{transform:none}}
@media (prefers-reduced-motion:reduce){.btn.btn-p,.btn-p .ar{animation:none}}

/* green links that are not .btn: the same lit face, no sweep */
.lkc .ob .lk-open,.gotrial{background:linear-gradient(180deg,#3bedc0 0%,#00c896 48%,#00ab81 100%);color:#03201a;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,92,66,.25),0 0 0 1px rgba(0,128,94,.4),0 10px 20px -12px rgba(0,170,125,.8),0 3px 8px -2px rgba(0,120,88,.3)}
.lkc .ob .lk-open:hover,.gotrial:hover{background:linear-gradient(180deg,#3bedc0 0%,#00c896 48%,#00ab81 100%);filter:brightness(1.06) saturate(1.06)}
.lkc .ob .lk-open:active,.gotrial:active{transform:translateY(1px) scale(.985);filter:brightness(.97)}

/* the white one */
.btn-g,.lkc .ob .lk-copy,.fq-more,.stp,.ex-b,.ex-b.ex-next,.cr-b,.cr-b.cr-next,.goback,.sn-lg,.sn-mb{border-color:rgba(13,43,54,.2);background:linear-gradient(180deg,#fff,#eef3f2);
 box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(13,43,54,.08),0 1px 2px rgba(13,43,54,.12),0 10px 18px -12px rgba(13,43,54,.35)}
.btn-g{color:var(--ink,#0d2b36)}
.btn-g svg{flex:none;color:var(--teal-ink,#0c7859)}
.btn-g:hover,.lkc .ob .lk-copy:hover,.fq-more:hover,.stp:hover,.ex-b:hover,.cr-b:hover,.goback:hover,.sn-lg:hover,.sn-mb:hover{background:linear-gradient(180deg,#fff,#e6eeec)}
.btn-g:active,.lkc .ob .lk-copy:active,.fq-more:active,.stp:active,.ex-b:active,.cr-b:active,.goback:active,.sn-lg:active,.sn-mb:active{transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(13,43,54,.18),0 1px 1px rgba(13,43,54,.1)}