.button-module__2NABzW__slot{--lip:3px;padding:0 0 var(--lip);cursor:pointer;background:0 0;border:0;border-radius:.6rem;flex-shrink:0;font-size:.875rem;text-decoration:none;display:inline-flex}.button-module__2NABzW__slot[data-size=sm]{font-size:.8125rem}.button-module__2NABzW__slot>span{border:1.5px solid var(--edge);background:var(--face);box-shadow:0 var(--lip) 0 var(--lip-color);color:var(--ink);white-space:nowrap;transition:transform .16s var(--pop), box-shadow .16s var(--pop);-webkit-user-select:none;user-select:none;border-radius:.6rem;flex:1;justify-content:center;align-items:center;gap:.45em;padding:.6em 1.05em;font-weight:500;line-height:1.15;display:flex}.button-module__2NABzW__slot[data-size=sm]>span{padding:.5em .8em}.button-module__2NABzW__slot[data-variant=primary]{--face:var(--primary-face);--ink:var(--primary-ink);--edge:var(--primary-edge);--lip-color:var(--primary-lip)}.button-module__2NABzW__slot[data-variant=secondary]{--face:var(--key-face);--ink:var(--key-ink);--edge:var(--key-edge);--lip-color:var(--key-lip)}.button-module__2NABzW__slot[data-variant=danger]{--face:var(--key-face);--ink:var(--danger);--edge:color-mix(in srgb, var(--danger) 45%, var(--key-edge));--lip-color:color-mix(in srgb, var(--danger) 28%, var(--key-lip))}.button-module__2NABzW__slot:not(:disabled):hover>span{box-shadow:0 calc(var(--lip) + 1.5px) 0 var(--lip-color);transform:translateY(-1.5px)}.button-module__2NABzW__slot:not(:disabled):active>span{box-shadow:0 calc(var(--lip) - 2px) 0 var(--lip-color);transition-duration:70ms;transform:translateY(2px)}.button-module__2NABzW__slot[data-variant=ghost]{padding:0}.button-module__2NABzW__slot[data-variant=ghost]>span,.button-module__2NABzW__slot[data-variant=ghost]:not(:disabled):hover>span,.button-module__2NABzW__slot[data-variant=ghost]:not(:disabled):active>span{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000;transition:background-color .15s,color .15s;transform:none}.button-module__2NABzW__slot[data-variant=ghost]:not(:disabled):hover>span{background:var(--raised);color:var(--text)}.button-module__2NABzW__slot[data-variant=ghost]:not(:disabled):active>span{background:var(--line);color:var(--text)}.button-module__2NABzW__slot:disabled{cursor:not-allowed;opacity:.55}@media (prefers-reduced-motion:reduce){.button-module__2NABzW__slot>span{transition:none}}