.custom-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;height:40px;justify-content:center;outline:none;padding:0 12px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.custom-button.disabled{cursor:not-allowed;opacity:.6}.custom-button.loading{cursor:wait}.custom-button .btn-label{white-space:nowrap}.custom-button .btn-icon{flex-shrink:0}.variant-primary{background-color:var(--primary-color);color:#fff}.variant-primary:hover:not(.disabled){opacity:.85}.variant-secondary{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.variant-secondary:hover:not(.disabled){background-color:var(--bg-hover)}.variant-danger{background-color:var(--danger-color,#ef4444);color:#fff}.variant-danger:hover:not(.disabled){opacity:.85}.variant-ghost{background:transparent;color:var(--primary-color)}.variant-ghost:hover:not(.disabled){background-color:#0000000d}.spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}