.btn{height:var(--height-control);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-normal);white-space:nowrap;cursor:pointer;isolation:isolate;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer-cut)),calc(100% - var(--chamfer-cut))100%,0 100%);clip-path:var(--chamfer);justify-content:center;align-items:center;gap:.55rem;padding-inline:1.6rem;line-height:1;transition:color .5s cubic-bezier(.83,0,.17,1);display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn__fill{z-index:0;background:var(--btn-fill,var(--primary-hover));transition:transform .5s cubic-bezier(.83,0,.17,1);position:absolute;inset:0;transform:translateY(101%)}.btn:hover .btn__fill,.btn:focus-visible .btn__fill{transform:translateY(0)}.btn__label{z-index:1;position:relative}.btn__arrow{z-index:1;stroke:currentColor;width:1rem;height:1rem;transition:transform var(--transition-base);flex-shrink:0;position:relative}.btn:hover .btn__arrow{transform:translate(3px)}.btn--primary{color:var(--primary-contrast);background:var(--primary);--btn-fill:var(--accent)}.btn--primary:hover,.btn--primary:focus-visible{color:var(--primary-contrast)}.btn--outline{color:var(--fg-primary);border:1px solid var(--border-strong);--btn-fill:var(--primary);background:0 0}.btn--outline:hover,.btn--outline:focus-visible{color:var(--primary-contrast)}.btn--ghost{height:auto;color:var(--accent);clip-path:none;background:0 0;padding-inline:0}.btn--ghost .btn__fill{display:none}.btn--ghost:hover{color:var(--accent-hover)}.btn--ghost:focus-visible{outline:2px solid var(--ring);outline-offset:3px}