@scope(elena-button){:scope,:not(svg,path),:before,:after{all:unset}:scope{--elena-button-bg:#eaecf0;--elena-button-text:#172b4d;--elena-button-border:#eaecf0;--elena-button-font:system-ui, sans-serif;--elena-button-font-size:15px;--elena-button-font-weight:500;--elena-button-radius:6px;--elena-button-focus:#5a44d4;all:unset;border-radius:var(--elena-button-radius);transition:background-color .2s,filter .2s;display:inline-block}:scope:not([hydrated]),.elena-button{-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;font-family:inherit;font-weight:var(--elena-button-font-weight);font-family:var(--elena-button-font);font-size:var(--elena-button-font-size);block-size:calc(var(--elena-button-font) * 4);min-block-size:calc(var(--elena-button-font) * 4);color:var(--elena-button-text);background:var(--elena-button-bg);border:2px solid var(--elena-button-border);border-radius:var(--elena-button-radius);text-align:center;justify-content:center;align-items:center;gap:.375rem;padding:.5em 1.1em .55em;line-height:1.3;display:inline-flex}.elena-icon{inline-size:var(--elena-button-font-size);block-size:var(--elena-button-font-size);fill:currentColor;margin-block:.15rem;margin-inline:-.3rem;display:inline-flex;transform:translateZ(0)}span+.elena-icon{margin-inline:0 -.3rem}svg{block-size:100%;inline-size:100%;display:block}:scope[icon]:not([hydrated]):after{content:"";background:var(--elena-button-text);border-radius:var(--elena-button-radius);opacity:.2;width:var(--elena-button-font-size);height:var(--elena-button-font-size);margin-block:.15rem;margin-inline:0 -.3rem;display:inline-block}:scope[icon]:not([hydrated]):empty:after{margin-inline:-.3rem}:scope:hover{filter:brightness(.9)}:scope:active{opacity:.9;transition:none;transform:translateY(1px)}:scope:focus-within{box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--elena-button-focus);outline:none;transition:none}:scope[disabled]{--elena-button-text:#a8b0bd;--elena-button-bg:#f3f4f6;--elena-button-border:#f3f4f6;pointer-events:none}:scope[variant=primary]{--elena-button-bg:#5a44d4;--elena-button-border:#5a44d4;--elena-button-text:#fff}:scope[variant=danger]{--elena-button-bg:#d44444;--elena-button-border:#d44444;--elena-button-text:#fff}:scope[variant=danger]:focus-within{--elena-button-focus:#d44444}:scope[variant=outline]{--elena-button-bg:transparent;--elena-button-text:#172b4d;--elena-button-border:#172b4d}:scope[size=sm]{--elena-button-font-size:12px}:scope:not([hydrated])[size=sm],:scope[size=sm] .elena-button{padding-block:.3em .35em}:scope[size=lg]{--elena-button-font-size:18px}:scope:not([hydrated])[size=lg],:scope[size=lg] .elena-button{padding-block:.6em .65em}:scope[expand],:scope[expand] .elena-button{inline-size:100%}}@scope(elena-stack){:scope{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}:scope[direction=row]{flex-direction:row}}