button.svelte-1l5l2oc{--control-text: var(--flxui-text);--control-background: none;position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1.5rem;height:2.5rem;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:2px solid transparent;outline-offset:2px;font-weight:400;font-size:.875rem;line-height:1.25rem;opacity:1;transition-property:box-shadow,background-color,color;transition-duration:var(--flxui-animation-duration);transition-timing-function:var(--flxui-animation-timing-fn);border-radius:var(--flxui-radius);color:hsl(var(--control-text));background:var(--control-background)}button.svelte-1l5l2oc.default{--control-text: var(--flxui-text)}button.svelte-1l5l2oc.primary{--control-text: var(--flxui-text-primary)}button.svelte-1l5l2oc.box{box-shadow:var(--flxui-shadow)}button.svelte-1l5l2oc.box.primary{--control-background: var(--flxui-gradient);--control-text: var(--flxui-primary-invert)}button.svelte-1l5l2oc.outline{box-shadow:var(--flxui-shadow)}button.svelte-1l5l2oc.outline.default{border:1px solid hsl(var(--flxui-100))}button.svelte-1l5l2oc.outline.primary{border:1px solid hsl(var(--flxui-secondary));--control-text: var(--flxui-text-primary)}button.svelte-1l5l2oc:disabled{opacity:.5}button.svelte-1l5l2oc:not(:disabled).plain:hover{--control-text: var(--flxui-primary)}:is(button.svelte-1l5l2oc:not(:disabled).box,button.svelte-1l5l2oc:not(:disabled).outline):hover{box-shadow:0 0 0 1px hsla(var(--flxui-secondary))}:is(button.svelte-1l5l2oc:not(:disabled).box,button.svelte-1l5l2oc:not(:disabled).outline):focus-visible,:is(button.svelte-1l5l2oc:not(:disabled).box,button.svelte-1l5l2oc:not(:disabled).outline):active{box-shadow:0 0 0 2px hsla(var(--flxui-0)),0 0 0 4px hsla(var(--flxui-primary))}