/* SVG Icon Page Download Button Spacing Fix */

/* Fix download buttons spacing */
.download-section .flex {
    display: flex !important;
    gap: 1.5rem !important;
    flex-wrap: wrap !important;
    margin-top: 1rem !important;
}

/* Ensure buttons have proper spacing */
.download-section .copy-btn {
    margin: 0.5rem !important;
    display: inline-block !important;
    min-width: 150px !important;
}

/* Fix overlapping buttons with better layout */
.download-section button {
    position: relative !important;
    z-index: 1 !important;
}

/* Alternative fix using margin if gap doesn't work */
.download-section .flex > button {
    margin-right: 1rem !important;
    margin-bottom: 1rem !important;
}

/* Last button doesn't need right margin */
.download-section .flex > button:last-child {
    margin-right: 0 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .download-section .flex {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .download-section .copy-btn {
        width: 100% !important;
        margin: 0.5rem 0 !important;
    }
}