.btn{--bh:48px;height:var(--bh);border-radius:var(--r-btn);cursor:pointer;font-family:var(--font-display);font-size:16px;line-height:22.4px;font-weight:var(--fw-display);white-space:pre;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;width:max-content;padding:0 24px;display:inline-flex;position:relative;overflow:hidden}.btn--h44{--bh:44px}.btn--h40{--bh:40px}.btn__label{transition:transform .2s var(--ease-btn);padding-bottom:4px;display:block}@media (hover:hover){.btn__label{will-change:transform}}.btn__label--dup{left:50%;top:calc(var(--bh) - 2.4px);z-index:1;position:absolute;transform:translate(-50%)}.btn--filled{background:var(--brand);color:var(--brand-ink)}.btn--pill{background:var(--c-white);color:var(--c-black)}.btn--outline-dark{color:var(--c-black);background:#00000003}.btn--outline-light{color:var(--c-white);background:#ffffff03}.btn--outline-dark:after,.btn--outline-light:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid;position:absolute;inset:0}.btn--submit{background:var(--c-white);width:100%;color:var(--c-black);border-radius:48px}.btn--submit .btn__label{padding-bottom:0}.btn--submit .btn__label--dup{top:calc(var(--bh) / 2 - 11.2px + 40px)}.btn:disabled{cursor:default;opacity:.7}.btn:active:not(:disabled){opacity:.7}.btn--primary{background:var(--c-white);color:var(--c-black);gap:16px;padding:0 4px 0 24px}.btn__text{display:block;position:relative}.btn--primary .btn__label{transition-timing-function:var(--ease-btn-primary)}.btn--primary .btn__label--dup{top:40px}.btn__circle{background:var(--brand);width:40px;height:40px;color:var(--c-white);border-radius:50%;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:12px;padding:12px 0;display:flex;overflow:hidden}.btn__circle svg{transition:transform .2s var(--ease-btn-primary);flex:none}@media (hover:hover){.btn:not(:disabled):hover .btn__label{transform:translateY(calc(-1 * (var(--bh) / 2 + 10.8px)))}.btn:not(:disabled):hover .btn__label--dup{transform:translate(-50%, calc(-1 * (var(--bh) / 2 + 10.8px)))}.btn--submit:not(:disabled):hover .btn__label{transform:translateY(-40px)}.btn--submit:not(:disabled):hover .btn__label--dup{transform:translate(-50%,-40px)}.btn--primary:hover .btn__label{transform:translateY(-40px)}.btn--primary:hover .btn__label--dup{transform:translate(-50%,-40px)}.btn--primary:hover .btn__circle svg{transform:translateY(-28px)}}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn--filled:focus-visible{outline-color:var(--c-black)}@media (prefers-reduced-motion:reduce){.btn__label,.btn__circle svg{transition:none}}