.blk-pagination {
    width: 500px;
    padding: 0;
    text-align: center;

    a {
        display: inline-block;
        font-size: 14px;
        line-height: 26px;
        width: 26px;
        height: 26px;

        &:first-child {
            margin-right: 10px;
            border: 2px solid #1b1b1b;

            &:hover {
                background-color: #1b1b1b;
                cursor: pointer;
                color: #fff;
            }
        }

        &:last-child {
            margin-left: 10px;
            border: 2px solid #1b1b1b;

            &:hover {
                background-color: #1b1b1b;
                cursor: pointer;
                color: #fff;
            }
        }
    }

    .active {
        background-color: #1b1b1b;
        color: #fff;
    }

    i {
        font-size: 14px;
        position: relative;
        top: -1px;
    }

    .pre-page,
    .next-page {
        line-height: 23px;
        width: 26px;
        height: 26px;
        font-weight: 700;
    }
}