.react-bits-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-family:inherit;font-weight:600;cursor:pointer;border:none;outline:none;-webkit-user-select:none;user-select:none;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.react-bits-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159}.btn-content-inner{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-sm{padding:.35rem .75rem;font-size:.775rem;border-radius:6px}.btn-md{padding:.55rem 1.15rem;font-size:.875rem;border-radius:8px}.btn-lg{padding:.75rem 1.6rem;font-size:1rem;border-radius:10px}.btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{box-shadow:0 6px 20px #4f46e573}.btn-secondary{background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #dc26264d}.btn-danger:hover{box-shadow:0 6px 20px #dc262673}.btn-outline{background:transparent;color:#4f46e5;border:1.5px solid #6366f1}.btn-outline:hover{background:#6366f114}.btn-ghost{background:transparent;color:#64748b;box-shadow:none}.btn-ghost:hover{background:#f1f5f9;color:#0f172a}.btn-disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}.btn-shine-effect{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:skew(-20deg);pointer-events:none;z-index:1;transition:left .6s ease}.react-bits-btn:hover .btn-shine-effect{left:140%}body.dark-mode .btn-secondary{background:#0f172a;color:#f8fafc;border-color:#334155}body.dark-mode .btn-secondary:hover{background:#1e293b;border-color:#475569}body.dark-mode .btn-ghost{color:#cbd5e1}body.dark-mode .btn-ghost:hover{background:#1e293b;color:#fff}body.dark-mode .btn-outline{color:#818cf8;border-color:#6366f1}body.dark-mode .btn-outline:hover{background:#6366f133}