.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2,.5rem);padding:var(--sp-2,.5rem) var(--sp-4,1rem);border-radius:var(--radius-md,.375rem);font-size:var(--text-md,.875rem);font-weight:var(--fw-medium,500);font-family:inherit;line-height:1.4;white-space:nowrap;cursor:pointer;border:1px solid transparent;text-decoration:none;user-select:none;-webkit-user-select:none;transition:background-color var(--transition-fast,.15s ease),
    border-color     var(--transition-fast,.15s ease),
    color            var(--transition-fast,.15s ease),
    box-shadow       var(--transition-fast,.15s ease),
    opacity          var(--transition-fast,.15s ease)}.btn:focus-visible {outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#3b82f6) 28%,transparent)}.btn--disabled,.btn:disabled,.btn[aria-disabled="true"]{opacity:.48;cursor:not-allowed;pointer-events:none}.btn .material-symbols-outlined{font-size:18px;flex-shrink:0;line-height:1}.btn-primary{background-color:var(--btn-primary-bg,var(--primary,#3b82f6));color:var(--btn-primary-text,#ffffff);border-color:var(--btn-primary-bg,var(--primary,#3b82f6))}.btn.btn-primary:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--btn-primary-hover,var(--primary-hover,#2563eb));border-color:var(--btn-primary-hover,var(--primary-hover,#2563eb))}.btn-secondary{background-color:var(--btn-secondary-bg,#ffffff);color:var(--btn-secondary-text,var(--text-secondary,#374151));border-color:var(--btn-secondary-border,var(--border,#d1d5db))}.btn.btn-secondary:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--btn-secondary-hover,#f9fafb);border-color:var(--btn-secondary-border,var(--border,#d1d5db))}.btn-danger{background-color:var(--btn-danger-bg,var(--error,#dc2626));color:var(--btn-danger-text,#ffffff);border-color:var(--btn-danger-bg,var(--error,#dc2626))}.btn.btn-danger:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--btn-danger-hover,#b91c1c);border-color:var(--btn-danger-hover,#b91c1c)}.btn-ghost{background-color:transparent;color:var(--btn-ghost-text,var(--text-secondary,#374151));border-color:transparent}.btn.btn-ghost:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--btn-ghost-hover-bg,color-mix(in srgb,var(--primary,#3b82f6) 8%,transparent));color:var(--primary,#3b82f6)}.btn-success{background-color:var(--btn-success-bg,var(--success,#10b981));color:var(--btn-success-text,#ffffff);border-color:var(--btn-success-bg,var(--success,#10b981))}.btn.btn-success:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--btn-success-hover,#059669);border-color:var(--btn-success-hover,#059669)}.btn-outline{background-color:transparent;color:var(--btn-outline-text,var(--primary,#3b82f6));border-color:var(--btn-outline-border,var(--primary,#3b82f6))}.btn.btn-outline:hover:not(:disabled):not([aria-disabled="true"]){background-color:color-mix(in srgb,var(--primary,#3b82f6) 8%,transparent);border-color:var(--btn-outline-border,var(--primary,#3b82f6))}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md,.375rem);background:transparent;cursor:pointer;color:var(--text-secondary,#374151);flex-shrink:0;transition:background var(--transition-fast,.15s ease),
    color      var(--transition-fast,.15s ease)}.btn-icon:hover {background:var(--primary-light,#eff6ff);color:var(--primary,#3b82f6)}.btn-icon:disabled {opacity:.48;cursor:not-allowed}.btn-icon .material-symbols-outlined{font-size:18px;line-height:1}.btn-sm{padding:var(--sp-1,.25rem) var(--sp-3,.75rem);font-size:var(--text-sm,.75rem)}.btn-sm .material-symbols-outlined,.btn-sm.btn-icon .material-symbols-outlined{font-size:15px}.btn-lg{padding:var(--sp-3,.75rem) var(--sp-6,1.5rem);font-size:var(--text-base,1rem)}.btn-lg .material-symbols-outlined{font-size:22px}.btn-full{width:100%;justify-content:center}