.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";width:0;height:0;transition:width var(--transition-slow),height var(--transition-slow);background:#ffffff4d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:before{display:none}.btn-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:.875rem}.btn-md{padding:var(--spacing-md)var(--spacing-xl);font-size:1rem}.btn-lg{padding:var(--spacing-lg)var(--spacing-2xl);font-size:1.125rem}.btn-primary{background:linear-gradient(135deg,var(--primary-600)0%,var(--primary-700)100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-600)0%,var(--secondary-700)100%);color:#fff;box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--primary-600);border:2px solid var(--primary-600);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-600);color:#fff}.btn-ghost{color:var(--foreground);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--background-tertiary)}.btn-danger{background:linear-gradient(135deg,var(--error-500)0%,var(--error-600)100%);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-full-width{width:100%}.btn-loading{cursor:wait}.btn-content-loading{opacity:0}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}