.wrk-btn{--_bg:var(--wrk-accent);--_fg:var(--wrk-on-accent);--_bd:var(--wrk-accent);--_bg-hover:color-mix(in srgb, var(--wrk-accent) 88%, var(--wrk-ink));justify-content:center;align-items:center;gap:var(--wrk-space-2);box-sizing:border-box;padding:var(--wrk-space-3) var(--wrk-space-6);border:1px solid var(--_bd);border-radius:var(--wrk-radius-pill);background:var(--_bg);min-height:2.75rem;color:var(--_fg);font:500 var(--wrk-text-body) / 1 var(--wrk-font-body);letter-spacing:var(--wrk-text-body-tracking);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--wrk-dur-fast) ease, border-color var(--wrk-dur-fast) ease, color var(--wrk-dur-fast) ease, transform var(--wrk-dur-fast) var(--wrk-ease);margin:0;text-decoration:none;display:inline-flex;position:relative}.wrk-btn:hover{background:var(--_bg-hover);border-color:var(--_bg-hover)}.wrk-btn:active{transform:translateY(1px)}.wrk-btn:focus-visible{outline:2px solid var(--wrk-accent);outline-offset:3px}.wrk-btn:disabled,.wrk-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.wrk-btn[data-tone=ink]{--_bg:var(--wrk-ink);--_fg:var(--wrk-surface);--_bd:var(--wrk-ink);--_bg-hover:color-mix(in srgb, var(--wrk-ink) 85%, var(--wrk-surface))}.wrk-btn[data-tone=inverse]{--_bg:var(--wrk-surface);--_fg:var(--wrk-ink);--_bd:var(--wrk-surface);--_bg-hover:color-mix(in srgb, var(--wrk-surface) 88%, var(--wrk-ink))}.wrk-btn[data-variant=outline]{color:var(--_bg);border-color:color-mix(in srgb, var(--_bg) 45%, transparent);background:0 0}.wrk-btn[data-variant=outline]:hover{border-color:var(--_bg);background:0 0}.wrk-btn[data-variant=ghost]{color:var(--_bg);padding-inline:var(--wrk-space-3);background:0 0;border-color:#0000}.wrk-btn[data-variant=ghost]:hover{background:color-mix(in srgb, var(--_bg) 8%, transparent);border-color:#0000}.wrk-btn[data-tone=inverse][data-variant=outline],.wrk-btn[data-tone=inverse][data-variant=ghost]{color:var(--wrk-surface)}.wrk-btn[data-size=sm]{min-height:2.25rem;padding:var(--wrk-space-2) var(--wrk-space-4);font-size:var(--wrk-text-eyebrow);letter-spacing:var(--wrk-text-eyebrow-tracking);text-transform:uppercase}.wrk-btn[data-size=lg]{min-height:3.5rem;padding:var(--wrk-space-4) var(--wrk-space-8);font-size:var(--wrk-text-lead)}.wrk-btn[data-block]{width:100%;display:flex}.wrk-btn__leading{align-items:center;display:inline-flex}.wrk-btn__leading>svg{width:1em;height:1em}.wrk-btn__arrow{width:1em;height:1em;transition:transform var(--wrk-dur-fast) var(--wrk-ease);flex:none}.wrk-btn:hover .wrk-btn__arrow{transform:translate(.2em)}.wrk-btn__label{display:inline-grid;position:relative;overflow:hidden}.wrk-btn__text{grid-area:1/1;display:block}.wrk-btn[data-hover=slide] .wrk-btn__text{transition:transform var(--wrk-dur-base) var(--wrk-ease)}.wrk-btn__text--ghost{transform:translateY(110%)}.wrk-btn[data-hover=slide]:hover .wrk-btn__text{transform:translateY(-110%)}.wrk-btn[data-hover=slide]:hover .wrk-btn__text--ghost{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.wrk-btn[data-hover=slide]:hover .wrk-btn__text{transform:none}.wrk-btn__text--ghost{display:none}}
