@layer dawn.components{.button{--_ink: var(--on-live);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--control-h);padding:0 var(--control-pad);border:0;border-radius:var(--r-action);background:var(--live);color:var(--_ink);box-shadow:inset 0 1px 0 var(--live-highlight),inset 0 -1px 1px var(--live-under),inset 0 0 1.5px .5px var(--live-edge),inset 0 -8px 8px -2px var(--live-shade),inset 0 8px 8px -2px var(--live-gleam);font:500 var(--control-text)/1 var(--font-sans);letter-spacing:0;white-space:nowrap;text-decoration:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:2px solid transparent;outline-offset:0;transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),scale var(--m-release) var(--spring),outline-color var(--m-quick) var(--ease),outline-offset var(--m-quick) var(--ease)}.button:hover{background-color:var(--live-hover)}.button:focus-visible{outline-color:var(--focus);outline-offset:2px}.button:active:not(:disabled,[aria-disabled=true],[aria-busy=true]){background-color:var(--live-press);scale:var(--press-scale);transition:background-color var(--m-press) var(--ease),color var(--m-press) var(--ease),scale var(--m-press) var(--ease)}.button__arrow{display:inline-block;transition:translate .2s var(--ease)}.button:hover .button__arrow,.button:focus-visible .button__arrow{translate:2px 0}.button[aria-busy=true]{color:transparent;cursor:progress;transition:color var(--m-quick) var(--ease)}.button[aria-busy=true]:after{content:"";position:absolute;inset:0;margin:auto;width:1em;height:1em;border:1.5px solid var(--_ink);border-right-color:transparent;border-radius:50%;animation:button-busy-in var(--m-calm) var(--ease) both,button-busy .7s linear infinite}@keyframes button-busy{to{rotate:1turn}}@keyframes button-busy-in{0%{opacity:0}}.button--quiet{--_ink: var(--text);background:transparent;box-shadow:none}.button--quiet:hover{background:var(--fill);color:var(--text-strong);box-shadow:inset 0 1px 0 var(--bevel-highlight),inset 0 -1px 1px var(--bevel-under),inset 0 0 1.5px .5px var(--bevel-edge),inset 0 -8px 8px -2px var(--bevel-shade),inset 0 8px 8px -2px var(--bevel-gleam)}.button--quiet:active:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:var(--fill-hover)}}