.btn{--btn-bg:var(--c-ink);--btn-fg:var(--c-white);--btn-line:transparent;--btn-split:#ffffff2e;--btn-h:50px;height:var(--btn-h);border:1px solid var(--btn-line);border-radius:var(--r-control);background:var(--btn-bg);max-width:100%;color:var(--btn-fg);text-align:center;white-space:nowrap;cursor:pointer;isolation:isolate;font-size:var(--t-button-size);line-height:var(--t-button-line);letter-spacing:var(--t-button-track);transition:background-color var(--m-fast) var(--m-ease), border-color var(--m-fast) var(--m-ease), color var(--m-fast) var(--m-ease), box-shadow var(--m-base) var(--m-ease);flex:none;align-items:stretch;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn__label{flex:auto;justify-content:center;align-items:center;padding-inline:22px;display:inline-flex}.btn__cell{width:var(--btn-h);border-left:1px solid var(--btn-split);flex:none;place-items:center;display:grid;position:relative}.btn__cell:before{content:"";z-index:-1;background:var(--c-blue);transform-origin:bottom;transition:transform var(--m-base) var(--m-ease);position:absolute;inset:0;transform:scaleY(0)}.btn__cell svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px;transition:transform var(--m-base) var(--m-ease)}.btn--arrow .btn__label{padding-right:18px}.btn:hover{box-shadow:var(--e-raise)}.btn:hover .btn__cell{color:var(--c-white)}.btn:hover .btn__cell:before{transform:scaleY(1)}.btn:hover .btn__cell svg{transform:translate(2px)}.btn:active{box-shadow:none}.btn:focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}@media (width<=639.98px){.btn--lg{width:100%}.btn--lg .btn__label{justify-content:flex-start}}.btn--sm{--btn-h:40px;font-size:14.5px}.btn--sm .btn__label{padding-inline:16px}.btn--primary:hover{--btn-bg:#23282d}.btn--secondary{--btn-bg:transparent;--btn-fg:var(--c-ink);--btn-line:var(--c-line-strong);--btn-split:var(--c-line-strong);box-shadow:none}.btn--secondary:hover{--btn-line:var(--c-ink);--btn-bg:var(--c-white);box-shadow:none}.btn--inverse{--btn-bg:var(--c-white);--btn-fg:var(--c-ink);--btn-split:var(--c-line-strong)}.btn--inverse:hover{--btn-bg:var(--c-blue-wash)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.on-deep .btn--secondary{--btn-fg:var(--c-on-deep);--btn-line:var(--c-line-deep-strong);--btn-split:var(--c-line-deep-strong)}.on-deep .btn--secondary:hover{--btn-bg:#ffffff0f;--btn-line:var(--c-on-deep-2)}.on-deep .btn--primary{--btn-bg:var(--c-white);--btn-fg:var(--c-ink);--btn-split:var(--c-line-strong)}.on-deep .btn--primary:hover{--btn-bg:var(--c-blue-wash)}.on-deep .btn:focus-visible{outline:2px solid var(--c-blue-soft);outline-offset:2px}
