/* reports buttons css */

/* =========================================
   PROFESSIONAL REPORT BUTTONS UI
   Gray • White • Dark Blue
========================================= */

.reports-buttons,
.reports-buttons * {
    box-sizing: border-box;
}

/* Main Section */

.reports-buttons {
    width: 100% !important;
    padding: 55px 28px !important;
    margin-top: 45px !important;

    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 24px !important;

    border-radius: 24px !important;

    background:
        linear-gradient(135deg, #f8fafc, #eef2f7) !important;

    border: 1px solid rgba(15, 23, 42, 0.06) !important;

    box-shadow:
        0 8px 24px rgba(15, 23, 42, 0.06) !important;
}

/* WordPress Buttons Reset */

.reports-buttons .wp-block-button,
.reports-buttons .wp-block-buttons {
    margin: 0 !important;
}

/* Button Card */

.reports-buttons .wp-block-button {
    width: 250px !important;

    padding: 22px !important;

    border-radius: 20px !important;

    background: #ffffff !important;

    border: 1px solid #dbe2ea !important;

    box-shadow:
        0 6px 18px rgba(15, 23, 42, 0.05) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

/* Subtle Hover */

.reports-buttons .wp-block-button:hover {
    transform: translateY(-4px) !important;

    border-color: #1e3a5f !important;

    box-shadow:
        0 10px 26px rgba(15, 23, 42, 0.10) !important;
}

/* Actual Button */

.reports-buttons .wp-block-button__link {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 14px 20px !important;

    border-radius: 14px !important;

    text-decoration: none !important;

    font-size: 0.98rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;

    color: #ffffff !important;

    background:
        linear-gradient(135deg, #1e3a5f, #27496d) !important;

    border: none !important;

    box-shadow:
        0 4px 12px rgba(30, 58, 95, 0.18) !important;

    transition:
        background 0.25s ease,
        transform 0.2s ease,
        box-shadow 0.25s ease !important;
}

/* Button Hover */

.reports-buttons .wp-block-button__link:hover {
    background:
        linear-gradient(135deg, #16324f, #1e3a5f) !important;

    box-shadow:
        0 8px 18px rgba(30, 58, 95, 0.24) !important;
}

/* Button Click */

.reports-buttons .wp-block-button__link:active {
    transform: scale(0.98) !important;
}

/* Responsive */

@media (max-width: 768px) {

    .reports-buttons {
        padding: 40px 16px !important;
        gap: 18px !important;
    }

    .reports-buttons .wp-block-button {
        width: 100% !important;
    }

    .reports-buttons .wp-block-button__link {
        width: 100% !important;
    }
}