.pagination {
    margin: 40px 0;
    li.page-item {
        margin-right: 8px;
        border: 1px solid $theme-pagination-page-link-border;
        background-color: $bcb-pagination-page-link-bg;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: $bcb-pagination-page-link-borderradius+px;
        a.page-link{
            border-radius: $bcb-pagination-page-link-borderradius+px;
        }
        label.page-link {
            font-size: $bcb-pagination-page-link-font-size + px;
            font-weight: 500;
            line-height: normal;
            color: $theme-pagination-page-link-color;
            margin-left: unset;
            border: unset;
            background: unset;
        }
        .icon {
            color: $theme-pagination-page-link-color;
        }
        &.disabled {
            color: $bcb-pagination-disabled-color;
            background-color: $bcb-pagination-disabled-background-color;
            &:hover {
                color: $bcb-pagination-disabled-color;
                background-color: $bcb-pagination-disabled-background-color;
            }
        }
        &:hover {
            color: $bcb-pagination-hover-color;
            background-color: $bcb-pagination-hover-bg-color;
        }
    }
    li.page-item.active {
        color: $theme-pagination-page-link-color;
        background: $bcb-pagination-page-link-active-bg;
        label.page-link {
            color: $theme-pagination-page-link-color;
            background: unset;
            border: unset;
        }
    }
}

@media screen and (max-width: 480px) {
    .container-main {
        .pagination li.page-item {
            margin-right: 6px;
            .page-link {
                font-size: 15px;
            }
        }
    }
}
