.datatable-panel .dataTables_wrapper .dt-buttons {
    padding: 10px 0;
    float: right;
}

    .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button {
        margin: 0;
        padding: 0 16px;
        height: 40px;
        border-radius: var(--rnd-border-radius);
        box-shadow: 4px 4px 20px rgba(23, 35, 76, 0.07);
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
        background: var(--rnd-tertiary-colour);
        border: 1px solid #364780;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

        .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button svg {
            width: 22px;
            height: 22px;
            margin: -2px 5px 0 -5px;
        }

        .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button:hover:not(.disabled) {
            color: #FFFFFF;
            background: #4C5D96;
            border-color: #4C5D96;
        }

        .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button:focus:not(.disabled) {
            color: #FFFFFF;
            background: #0C1D56;
            border-color: #0C1D56;
            box-shadow: 4px 4px 20px rgba(23, 35, 76, 0.07);
            text-shadow: none;
        }

        .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button:active:not(.disabled) {
            color: #FFFFFF;
            background: #0C1D56;
            border-color: #0C1D56;
            box-shadow: 4px 4px 20px rgba(23, 35, 76, 0.07);
            font-weight: 400;
            text-shadow: none;
        }

        .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button.btn-outline-darkblue {
            color: var(--rnd-tertiary-colour);
            background: transparent;
            border-color: var(--rnd-tertiary-colour);
        }

            .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button.btn-outline-darkblue:hover:not(.disabled) {
                color: var(--rnd-tertiary-colour);
                background: rgba(54, 71, 128, 0.1);
                border-color: var(--rnd-tertiary-colour);
            }

            .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button.btn-outline-darkblue:active:not(.disabled),
            .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button.btn-outline-darkblue:focus:not(.disabled) {
                color: var(--rnd-tertiary-colour);
                background: rgba(54, 71, 128, 0.2);
                border-color: var(--rnd-tertiary-colour);
            }

        .datatable-panel .dataTables_wrapper .dt-buttons button.dt-button .dt-down-arrow {
            content: "";
            width: 10px;
            height: 10px;
            mask-image: url(/assets/images/icons/arrow_down.svg);
            mask-repeat: no-repeat;
            mask-position: center;
            mask-size: cover;
            -webkit-mask-image: url('/assets/images/icons/arrow_down.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: cover;
            background-color: #FFFFFF;
            border: none;
            vertical-align: 0.15em;
            margin-left: 6px;
            display: inline-block;
        }

    .datatable-panel .dataTables_wrapper .dt-buttons div.dt-button-background {
        display: none !important;
    }

    .datatable-panel .dataTables_wrapper .dt-buttons div.dt-button-collection {
        width: 102px;
        box-shadow: 2px 2px 16px rgb(38 55 67 / 7%);
        border: 1px solid #D6D5E3;
        border-radius: var(--rnd-border-radius);
        padding: 8px 0;
        transition: none;
    }

        .datatable-panel .dataTables_wrapper .dt-buttons div.dt-button-collection button.dt-button {
            padding: 0.25rem 1rem;
            height: auto;
            text-align: left;
            color: var(--rnd-secondary-colour);
            border: none;
            border-radius: 0;
            font-size: 14px;
            background: transparent;
            box-shadow: none;
        }

            .datatable-panel .dataTables_wrapper .dt-buttons div.dt-button-collection button.dt-button:hover {
                color: var(--rnd-secondary-colour);
                background-color: rgba(155, 160, 238, 0.2);
            }

            .datatable-panel .dataTables_wrapper .dt-buttons div.dt-button-collection button.dt-button:active,
            .datatable-panel .dataTables_wrapper .dt-buttons div.dt-button-collection button.dt-button:focus {
                color: var(--rnd-secondary-colour);
                background-color: rgba(155, 160, 238, 0.5);
            }


@media screen and (max-width: 640px) {
    .dataTables_wrapper div.dt-buttons {
        float: right !important;
        text-align: center;
    }
}