@layer components{.btn-secondary{--secondary-color:var(--color-primary);background-color:var(--color-surface);height:2.5rem;color:var(--color-neutral-300);border:1px solid #ffffff1a;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.btn-secondary:not(:disabled):not([aria-disabled=true]):is(:hover,[aria-expanded=true],[data-state=open]){border-color:color-mix(in srgb, var(--secondary-color) 40%, transparent);background-color:color-mix(in srgb, var(--secondary-color) 10%, var(--color-surface));color:var(--secondary-color)}.btn-secondary:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.btn-secondary:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.5}.btn-secondary>svg{flex-shrink:0;width:1rem;height:1rem}.btn-secondary-warning{--secondary-color:var(--color-amber-300)}.btn-secondary-icon{width:2.5rem;padding-inline:0}}