@layer components{@layer button{[data-slot=button]{justify-content:center;align-items:center;gap:var(--echo-spacing-200);border-radius:var(--echo-radius-sm);font-size:var(--echo-text-350);font-weight:var(--echo-font-medium);white-space:nowrap;cursor:pointer;border:1px solid #0000;transition:background-color .18s,color .18s,border-color .18s,opacity .18s,box-shadow .2s,transform .2s;display:inline-flex}[data-slot=button]:not(:disabled):not([data-variant=link]):hover{box-shadow:var(--echo-shadow-md);transform:translateY(-.5px)}[data-slot=button]:not(:disabled):not([data-variant=link]):active{box-shadow:var(--echo-shadow-xs);transform:translateY(0)scale(.992)}[data-slot=button]:disabled{pointer-events:none;opacity:.5}[data-slot=button]:focus-visible{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}[data-slot=button] [data-icon]{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}[data-slot=button][data-size=default]{min-height:2.5rem;padding:var(--echo-spacing-200)var(--echo-spacing-400)}[data-slot=button][data-size=sm]{min-height:2.25rem;padding:var(--echo-spacing-50)var(--echo-spacing-300)}[data-slot=button][data-size=lg]{min-height:2.75rem;padding:var(--echo-spacing-300)var(--echo-spacing-600)}[data-slot=button][data-size=icon]{width:2.5rem;height:2.5rem;padding:0}[data-slot=button][data-variant=default],[data-slot=button][data-variant=primary]{border-color:color-mix(in srgb,var(--primary)58%,transparent);background-color:color-mix(in srgb,var(--primary)92%,transparent);color:var(--primary-foreground);box-shadow:0 8px 16px -10px color-mix(in srgb,var(--primary)65%,transparent)}:is([data-slot=button][data-variant=default],[data-slot=button][data-variant=primary]):hover{background-color:color-mix(in srgb,var(--primary)84%,transparent)}[data-slot=button][data-variant=destructive]{background-color:var(--destructive);color:#fff}[data-slot=button][data-variant=destructive]:hover{background-color:color-mix(in srgb,var(--destructive)90%,black)}[data-slot=button][data-variant=outline]{border-color:var(--input);background-color:color-mix(in srgb,var(--background)90%,var(--muted));color:var(--foreground)}[data-slot=button][data-variant=outline]:hover{background-color:var(--accent);color:var(--accent-foreground)}[data-slot=button][data-variant=secondary]{background-color:var(--secondary);color:var(--secondary-foreground);border-color:color-mix(in srgb,var(--secondary)65%,var(--border))}[data-slot=button][data-variant=secondary]:hover{background-color:color-mix(in srgb,var(--secondary)86%,var(--accent))}[data-slot=button][data-variant=ghost]{color:var(--foreground);background-color:#0000}[data-slot=button][data-variant=ghost]:hover{background-color:var(--accent);color:var(--accent-foreground)}[data-slot=button][data-variant=link]{color:var(--primary);text-underline-offset:var(--echo-spacing-25);background:0 0;border:none;padding:0;text-decoration:underline;transition:color .15s,text-underline-offset .15s}[data-slot=button][data-variant=link]:hover{color:color-mix(in srgb,var(--primary)82%,var(--foreground));text-underline-offset:.32rem}}}