.custom-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1.5625vw;
}

.custom-pagination .pager-item {
    width: 2.083333vw;
    height: 2.083333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .833333vw;
    color: #909399;
    margin: 0 .260417vw;
    border-radius: 50%;
    transition: all 0.3s;
    -webkit-user-select: none;
    user-select: none;
}

.custom-pagination .pager-item:hover {
    background: #F2F4F8;
    color: #292E33;
}

.custom-pagination .pager-item.active {
    background: linear-gradient(135deg, #3c99fc 0%, #2ad2aa 100%);
    color: #FFFFFF;
    font-weight: 500;
    box-shadow: 0 .208333vw .625vw 0 rgba(64, 158, 255, 0.3);
}

.custom-pagination .pager-item.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.custom-pagination .pager-item.disabled:hover {
    background: transparent;
    color: #909399;
}

.custom-pagination .pager-item.ellipsis {
    cursor: default;
}

.custom-pagination .pager-item.ellipsis:hover {
    background: transparent;
    color: #909399;
}

.custom-pagination .pager-arrow {
    width: 2.083333vw;
    height: 2.083333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 .520833vw;
}

.custom-pagination .pager-arrow img {
    width: .364583vw;
    height: .572917vw;
    height: auto;
}

.custom-pagination .pager-arrow.disabled {
    cursor: not-allowed;
    opacity: 0.3;
}