.btn{--h:52px;min-height:var(--h);border-radius:var(--radius-pill);letter-spacing:-.005em;cursor:pointer;transition:background-color .25s var(--ease-out), color .25s var(--ease-out), border-color .25s var(--ease-out), transform .25s var(--ease-out), box-shadow .25s var(--ease-out);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:0 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:18px;height:18px;transition:transform .35s var(--ease-out);flex:none}.btn:hover svg{transform:translate(2px,-2px)}.btn:active{transform:translateY(1px)}.tg{--tg-x:0px;font-family:var(--f-mono);color:var(--tg-c,var(--klein));transition:transform .35s var(--ease-out), color .25s var(--ease-out), opacity .25s var(--ease-out);font-size:1.12em;font-weight:600;line-height:1;display:inline-block}.tg.l{transform:translateX(calc(var(--tg-x) * -1))}.tg.r{transform:translateX(var(--tg-x))}.btn .tg{margin-block:-.1em}.btn:hover .tg,.btn:focus-visible .tg{--tg-x:4px}.btn:active .tg{--tg-x:-2px;transition-duration:.12s}.btn-primary{--tg-c:#ffffff9e}.btn-primary:hover,.btn-primary:focus-visible{--tg-c:#fff}.btn-ink{--tg-c:var(--klein-tint)}.btn-ink:hover,.btn-ink:focus-visible{--tg-c:#fff}.btn-outline{--tg-c:var(--klein)}.btn-outline:hover,.btn-outline:focus-visible,.night .btn-outline{--tg-c:var(--klein-tint)}.night .btn-outline:hover,.night .btn-outline:focus-visible{--tg-c:var(--klein)}.btn.loading .tg.l{animation:tag-breathe .7s var(--ease-out) infinite alternate}.btn.loading .tg.r{animation:tag-breathe-r .7s var(--ease-out) infinite alternate}@keyframes tag-breathe{0%{transform:translate(0)}to{transform:translate(-5px)}}@keyframes tag-breathe-r{0%{transform:translate(0)}to{transform:translate(5px)}}.btn-primary{background:var(--klein-strong);color:var(--on-klein);box-shadow:0 10px 24px -12px #002fa78c}.btn-primary:hover{background:var(--klein-strong-press);box-shadow:0 14px 28px -12px #002fa7b3}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{background:var(--klein-strong)}.btn-outline{border-color:var(--ink);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--ink);color:var(--paper)}.night .btn-outline{border-color:var(--paper);color:var(--paper)}.night .btn-outline:hover{background:var(--paper);color:var(--ink)}.btn-wa{color:var(--ink);border-color:var(--ink);background:0 0}.btn-wa:hover{background:var(--ink);color:var(--paper)}.night .btn-wa{background:var(--paper);color:var(--ink);border-color:#0000}.night .btn-wa:hover{background:#fff}.btn[disabled]{opacity:.6;cursor:progress}
