/* Default State */
div.dt-button-collection button.dt-button:not(.disabled),
div.dt-button-collection div.dt-button:not(.disabled),
div.dt-button-collection a.dt-button:not(.disabled) {
    background: linear-gradient(to bottom, #ffffff 0%, #e0eafc 100%) !important;
    color: #051a54 !important;
    border: 1px solid #b0c4de !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Hover State */
div.dt-button-collection button.dt-button:hover:not(.disabled),
div.dt-button-collection div.dt-button:hover:not(.disabled),
div.dt-button-collection a.dt-button:hover:not(.disabled) {
    background: linear-gradient(to bottom, #e0eafc 0%, #b0c4de 100%) !important;
    color: #ffffff !important;
    border: 1px solid #051a54 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Active State */
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background: #f7a543 !important;
    color: #ffffff !important;
    border: 1px solid #e6953b !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}


.dt-buttons {
    display: flex;
    gap: 8px;
    align-items: center;
}

.dt-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    text-align: center;
    border: 1px solid transparent;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .dt-button span {
        display: flex;
        align-items: center;
        gap: 6px;
    }

.dt-button {
    background-color: #3b8bf2 !important;
    color: #fff !important;
    border: 1px solid #3b8bf2 !important;
}


    .dt-button.btn-primary {
        background-color: #3b8bf2 !important;
        color: #fff !important;
        border: 1px solid #3b8bf2 !important;
    }

    .dt-button:hover {
        opacity: 0.85;
    }

    .dt-button.buttons-pdf {
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
        color: #fff !important;
    }

        .dt-button.buttons-pdf:hover {
            opacity: 0.75;
        }

    .dt-button.buttons-excel {
        background-color: #34a354 !important;
        border-color: #34a354 !important;
        color: #fff !important;
    }

        .dt-button.buttons-excel:hover {
            opacity: 0.85;
        }

    .dt-button.buttons-print {
        background-color: #774922 !important;
        border-color: #774922 !important;
        color: #fff !important;
    }

        .dt-button.buttons-print:hover {
            opacity: 0.85;
        }

    .dt-button.buttons-collection {
        background-color: #f7a543 !important;
        border-color: #f7a543 !important;
        color: #212529 !important;
    }

        .dt-button.buttons-collection:hover {
            opacity: 0.85;
        }

    .dt-button i {
        font-size: 16px;
    }

    .dt-button .dt-down-arrow {
        font-size: 12px;
    }