.btn{isolation:isolate;border-radius:var(--ws-radius-pill);font-size:var(--ws-text-base);letter-spacing:.01em;cursor:pointer;transition:background-color var(--ws-dur-base) var(--ws-ease), border-color var(--ws-dur-base) var(--ws-ease), color var(--ws-dur-base) var(--ws-ease), transform var(--ws-dur-base) var(--ws-ease), box-shadow var(--ws-dur-base) var(--ws-ease);border:1px solid #0000;align-items:center;gap:.6rem;padding:.95rem 1.6rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--btn-fill,var(--ws-ink));clip-path:inset(100% 0 0);transition:clip-path .52s var(--ws-ease);position:absolute;inset:0}.btn--primary{--btn-fill:color-mix(in srgb, var(--ws-accent) 78%, #fff);background:var(--ws-accent);color:var(--ws-on-accent)}.btn--ghost{--btn-fill:var(--ws-accent);border-color:var(--ws-border-hi);color:var(--ws-ink);background:0 0}.btn:focus-visible:before{clip-path:inset(0)}.btn--ghost:focus-visible{border-color:var(--ws-accent);color:var(--ws-on-accent)}@media (hover:hover) and (pointer:fine){.btn:hover:before{clip-path:inset(0)}.btn--primary:hover{box-shadow:var(--ws-glow);transform:translateY(-2px)}.btn--ghost:hover{border-color:var(--ws-accent);color:var(--ws-on-accent);transform:translateY(-2px)}.btn:hover .btn__arrow{transform:translate(4px)}}.btn:active{transition-duration:var(--ws-dur-fast);transform:scale(.97)}.btn:disabled:before{clip-path:inset(100% 0 0)}.btn:disabled{opacity:.55;cursor:progress;box-shadow:none;transform:none}.btn__arrow{transition:transform var(--ws-dur-base) var(--ws-ease)}.ws-arrow{width:auto;height:.72em;vertical-align:baseline;flex:none;height:1cap;display:inline-block;overflow:visible}.ws-lead{max-width:42ch;margin:var(--ws-space-title-lead) 0 0;font-size:var(--ws-type-lead);color:var(--ws-ink);text-wrap:pretty;line-height:1.55}
