/* General Button Styles */
btn, .btn, button, .button, #button, #download-btn, .download-btn, 
.submit-btn, #submit-btn, .action-btn, #action-btn, 
.custom-btn, .top-bar button, downloadlink, #download-button, 
#button-copy, button-copy, 
copy-button, #copy-button, 
#copy, copy, #download-html-button, [type="submit"], 
[type="reset"], #download-btn-html, 
#download-btn-txt, #download-link, 
#download, #downloadButton, 
#downloadLink, #convertButton, 
#downloadButton, #convert-pdf-button, 
#download-pdf-button, #start-btn, 
#stop-btn, #copy-btn, #download-btn, 
#download-pdf-btn, #convert-btn, 
#convertBtn, #downloadBtn, 
#splitButton, #downloadPdf, #downloadLink, #refresh-button, #capture-button{
    display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 12px 24px;
            border-radius: 8px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            border: none;
            outline: none;
            font-size: 15px;
            gap: 8px;
             background:#4F46E5;
  color:#fff;
}

 .btn-primary {
            background-color: var(--primary);
            color: white;
        }
        
        .btn-primary:hover {
            background-color: var(--primary-hover);
        }
        
        .btn-outline {
            background-color: transparent;
            color: var(--primary);
            border: 1px solid var(--primary);
        }
        
        .btn-outline:hover {
            background-color: rgba(79, 70, 229, 0.1);
        }
/* Hover Effect */
btn:hover, .btn:hover, button:hover, .button:hover, 
#button:hover, #download-btn:hover, .download-btn:hover, 
.submit-btn:hover, #submit-btn:hover, .action-btn:hover, 
#action-btn:hover, .custom-btn:hover, .top-bar button:hover, #convert-pdf-button:hover, #download-pdf-button:hover, #convert-btn:hover, #convertBtn:hover, #splitButton:hover, #downloadLink:hover, #refresh-button:hover, #capture-button:hover, button:hover {
    background: #45D29A;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(255, 118, 150, 0.5);
}

/* Icon inside Button */
btn svg, .btn svg, button svg, .button svg, 
#button svg, #download-btn svg, .download-btn svg, 
.submit-btn svg, #submit-btn svg, .action-btn svg, 
#action-btn svg, .custom-btn svg {
    width: 20px;
    height: 20px;
}

/* Primary Button */
.primary-btn, .custom-btn.primary {
    background: linear-gradient(45deg, #007bff, #0056b3);
    color: white;
}

/* Secondary Button */
.btn-secondary, .secondary-btn, .custom-btn.secondary {
    background: linear-gradient(45deg, #6c757d, #495057);
    color: white;
}

/* Success Button */
.btn-success, .success-btn, .custom-btn.success {
    background: linear-gradient(45deg, #28a745, #218838);
    color: white;
}

/* Danger Button */
.btn-danger, .danger-btn, .custom-btn.danger {
    background: linear-gradient(45deg, #dc3545, #c82333);
    color: white;
}

/* Warning Button */
.btn-warning, .warning-btn, .custom-btn.warning {
    background: linear-gradient(45deg, #ffc107, #e0a800);
    color: black;
}

/* Info Button */
.btn-info, .info-btn, .custom-btn.info {
    background: linear-gradient(45deg, #17a2b8, #138496);
    color: white;
}

/* Light Button */
.btn-light, .light-btn, .custom-btn.light {
    background: linear-gradient(45deg, #f8f9fa, #e2e6ea);
    color: black;
}

/* Dark Button */
.btn-dark, .dark-btn, .custom-btn.dark {
    background: linear-gradient(45deg, #343a40, #23272b);
    color: white;
}