.dw-pager {
    /* button */
    --dxbl-pager-font-family: var(--font-roboto);
    --dxbl-pager-btn-color: var(--text-text_primary);
    --dxbl-pager-page-btn-color: var(--text-text_primary);
    --dxbl-pager-active-page-btn-color: var(--text-text_primary);
    --dxbl-pager-font-size: 14px;
    --dxbl-pager-line-height: normal;
    --dxbl-pager-active-page-btn-bg: var(--button-bt_primary);
    --bs-primary: var(--button-bt_primary);
    --dxbl-pager-btn-border-color: var(--border-border_light);
    --dxbl-pager-btn-border-style: solid;
    --dxbl-pager-btn-border-width: 1px;
    --dxbl-pager-btn-disabled-color: var(--icons-icons_disable);
    --dxbl-pager-page-btn-hover-bg: var(--button-bt_light_hv);
}

.dw-pager.dxbl-btn-group>.dxbl-btn.dxbl-btn-outline-secondary {
    --dxbl-btn-focus-shadow-color: var(--border-border-color-50);
}

.dxbl-pager>.dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn:not(.dxbl-disabled):not(:disabled):hover::after {
    --dxbl-pager-page-btn-bg: var(--button-bt_primary);
}

.dxbl-pager .dxbl-pager-active-page-btn {
    pointer-events: none;
}

.dw-pager>.dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
    --dxbl-pager-page-btn-hover-color: var(--text-text_primary);
}

.dw-pager .dxbl-btn {
    --dxbl-btn-border-radius: 4px;
}

    .dw-pager button {
        height: 30px;
        width: 30px;
        font-weight: 500;
    }

.dxbl-pager>.dxbl-btn.dxbl-btn-outline-secondary:not(.dxbl-pager-page-btn).dxbl-disabled>.dxbl-image,
.dxbl-pager>.dxbl-btn.dxbl-btn-outline-secondary:not(.dxbl-pager-page-btn):disabled>.dxbl-image {
    opacity: 1;
}