      cursor: pointer;
        transition: all 0.3s ease;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }
    
    .btn-primary {
        background: var(--accent-color, #667eea);
        color: var(--text-primary, white);
    }
    
    .btn-primary:hover {
        background: var(--accent-hover, #5a67d8);
        transform: translateY(-2px);
        box-shadow: var(--accent-shadow, 0 4px 12px rgba(102, 126, 234, 0.3));
    }
    
    .btn-danger 