.learn-btn{--lb-h:44px;--lb-px:18px;--lb-fs:15px;isolation:isolate;min-height:var(--lb-h);min-width:var(--lb-h);padding:0 var(--lb-px);border-radius:var(--btn-r,var(--r-lg));background:var(--lb-bg);color:var(--lb-fg);font:var(--lb-weight,600) var(--lb-fs) / 1 var(--font-sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline-offset:2px;transition:background-color var(--dur-fast,.15s) var(--ease-out-expo,ease-out), color var(--dur-fast,.15s) var(--ease-out-expo,ease-out), transform var(--dur-spring-press,.51s) var(--ease-spring-press,ease-out);border:0;outline:2px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.learn-btn:where([data-size=lg]){--lb-h:52px;--lb-px:24px;--lb-fs:16px}.learn-btn:where([data-variant=primary]){--lb-bg:var(--primary);--lb-fg:var(--primary-fg);--lb-bg-hover:var(--primary-hover);--lb-fg-hover:var(--primary-fg)}.learn-btn:where([data-variant=tonal]){--lb-bg:color-mix(in oklab, var(--fg) 7%, transparent);--lb-fg:var(--fg);--lb-bg-hover:color-mix(in oklab, var(--fg) 11%, transparent);--lb-fg-hover:var(--fg)}.learn-btn:where([data-variant=tonal][data-surface=block]){--lb-bg:var(--surface);--lb-bg-hover:color-mix(in oklab, var(--surface) 88%, var(--fg))}.learn-btn:where([data-variant=ghost]){--lb-px:12px;--lb-weight:500;--lb-bg:transparent;--lb-fg:var(--fg-muted);--lb-bg-hover:color-mix(in oklab, var(--fg) 5%, transparent);--lb-fg-hover:var(--fg)}.learn-btn:where([data-icon-only]){width:var(--lb-h);padding:0}.learn-btn:where([data-full]){width:100%}.learn-btn[data-state=busy]{--lb-bg-hover:var(--lb-bg);--lb-fg-hover:var(--lb-fg);cursor:progress}.learn-btn[data-state=done]{--lb-bg:var(--success);--lb-fg:var(--bg);--lb-bg-hover:var(--lb-bg);--lb-fg-hover:var(--lb-fg);cursor:default}.learn-btn[data-state=error]{--lb-bg:color-mix(in oklab, var(--danger) 14%, var(--surface));--lb-fg:var(--danger);--lb-bg-hover:color-mix(in oklab, var(--danger) 20%, var(--surface));--lb-fg-hover:var(--danger)}.learn-btn:is([aria-disabled=true],:disabled){--lb-bg:color-mix(in oklab, var(--fg) 6%, transparent);--lb-fg:color-mix(in oklab, var(--fg) 40%, transparent);--lb-bg-hover:var(--lb-bg);--lb-fg-hover:var(--lb-fg);cursor:not-allowed}.learn-btn:where([data-variant=ghost]):is([aria-disabled=true],:disabled){--lb-bg:transparent}@media (hover:hover){.learn-btn:hover{background:var(--lb-bg-hover);color:var(--lb-fg-hover)}}:is(button,a).learn-btn:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary);outline-color:#0000}.learn-btn-icon{flex:none;place-items:center;display:grid}.learn-btn-icon>*{grid-area:1/1}.learn-btn-icon svg{width:18px;height:18px}.learn-btn-glyph{transition:transform .38s var(--ease-spring-press,ease-out), opacity var(--dur-default,.2s) var(--ease-out-expo,ease-out);display:grid}.learn-btn-glyph[data-nudge=right]{--lb-nudge:translateX(3px)}.learn-btn-glyph[data-nudge=left]{--lb-nudge:translateX(-3px)}.learn-btn-glyph[data-nudge=down]{--lb-nudge:translateY(2px)}.learn-btn-spinner{opacity:0;pointer-events:none;place-items:center;display:grid}.learn-btn>.learn-btn-spinner{position:absolute;inset:0}.learn-btn>.learn-btn-spinner svg{width:18px;height:18px}.learn-btn[data-state=busy] .learn-btn-spinner{opacity:1}.learn-btn[data-state=busy] .learn-btn-spinner svg{animation:.8s linear infinite learn-btn-spin}.learn-btn[data-state=busy] .learn-btn-glyph,.learn-btn[data-state=busy]>.learn-btn-spinner~.learn-btn-label{opacity:0}.learn-btn:where([data-variant=primary]):before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120px circle at var(--lb-mx,50%) var(--lb-my,50%), color-mix(in oklab, var(--primary-fg) 16%, transparent), transparent 70%);opacity:0;transition:opacity var(--dur-default,.2s) var(--ease-out-expo,ease-out);position:absolute;inset:0}[data-learn-reason-ping]{color:var(--fg)}@media (prefers-reduced-motion:no-preference){.learn-btn:not(:disabled,[aria-disabled=true],[data-state=busy],[data-state=done]):active{transition:background-color var(--dur-fast,.15s) var(--ease-out-expo,ease-out), color var(--dur-fast,.15s) var(--ease-out-expo,ease-out), transform 90ms ease-out;transform:scale(.97)}.learn-btn-check path{stroke-dasharray:1;stroke-dashoffset:1px;animation:learn-btn-draw .42s 60ms var(--ease-out-expo,ease-out) forwards}[data-learn-reason-ping]{animation:learn-btn-lift .3s var(--ease-out-expo,ease-out)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.learn-btn[data-state=idle]:not(:disabled,[aria-disabled=true]):hover:before{opacity:1}.learn-btn[data-state=idle]:not(:disabled,[aria-disabled=true]):hover .learn-btn-glyph{transform:var(--lb-nudge,none)}}@keyframes learn-btn-spin{to{transform:rotate(360deg)}}@keyframes learn-btn-draw{to{stroke-dashoffset:0}}@keyframes learn-btn-lift{50%{transform:translateY(-2px)}}