.cc-pagination,
.woocommerce-pagination{
    padding-top: 2.5rem; /* 40px */
}

.cc-pagination .page-numbers,
.woocommerce-pagination .page-numbers{
    list-style: none;
    padding: 0;
    text-align: center;
}

.cc-pagination .page-numbers li,
.woocommerce-pagination .page-numbers li{
    display: inline-block;
}

.woocommerce .woocommerce-pagination ul.page-numbers, 
.woocommerce-page .woocommerce-pagination ul.page-numbers,
.woocommerce-pagination .page-numbers{
    border: none;
}

.woocommerce .woocommerce-pagination ul.page-numbers li, 
.woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-pagination .page-numbers li{
    border: none;
}

.cc-pagination .page-numbers .page-numbers,
.woocommerce-pagination .page-numbers .page-numbers{
    display: none;
    font-family: 'Archeron Pro';
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
    visibility: hidden;
}

.cc-pagination .page-numbers .page-numbers.next,
.cc-pagination .page-numbers .page-numbers.prev,
.woocommerce-pagination .page-numbers .page-numbers.next,
.woocommerce-pagination .page-numbers .page-numbers.prev{
    display: block;
    visibility: visible;
}

.cc-pagination .page-numbers .page-numbers.prev .text,
.woocommerce-pagination .page-numbers .page-numbers.prev .text{
    padding-left: 2em;
}

.cc-pagination .page-numbers .page-numbers.next .text,
.woocommerce-pagination .page-numbers .page-numbers.next .text{
    padding-right: 2em;
}

.cc-pagination .page-numbers .page-numbers.next .text,
.cc-pagination .page-numbers .page-numbers.prev .text,
.woocommerce-pagination .page-numbers .page-numbers.next .text,
.woocommerce-pagination .page-numbers .page-numbers.prev .text{
    display: inline-block;
    font-weight: 500;
    position: relative;
}

.cc-pagination .page-numbers .page-numbers.next .text:before,
.cc-pagination .page-numbers .page-numbers.prev .text:before,
.woocommerce-pagination .page-numbers .page-numbers.next .text:before,
.woocommerce-pagination .page-numbers .page-numbers.prev .text:before{
    content: '';
    background-image: url('/wp-content/plugins/crowdcontainer-bb-modules/assets/images/icons/icon_black-arrow.png');
    background-image: url('/wp-content/plugins/crowdcontainer-bb-modules/assets/images/icons/icon_black-arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: .625em; /* 10px */
    margin-top: .563em;  /* 9px */
    position: absolute;
    top: 0;
    width: 1.313em; /* 21px */
}

.cc-pagination .page-numbers .page-numbers.next .text:before,
.woocommerce-pagination .page-numbers .page-numbers.next .text:before{
    right: 0;
}

.cc-pagination .page-numbers .page-numbers.prev .text:before,
.woocommerce-pagination .page-numbers .page-numbers.prev .text:before{
    left: 0;
    margin-top: .438em;  /* 7px */
    transform:scale(-1, -1);
    
}

.cc-pagination .page-numbers .page-numbers.current,
.woocommerce-pagination .page-numbers .page-numbers.current{
    text-decoration: underline;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current{
    border: none;
    background: transparent;
    color: var(--cc-global-schrift-dunkel, #141414);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li span{
    line-height: inherit;
    padding: 0;
}

@media (min-width: 600px) {
    .cc-pagination .page-numbers .page-numbers,
    .woocommerce-pagination .page-numbers .page-numbers{
        font-size: inherit;
    }
    
}

@media (min-width: 768px) {

    .woocommerce nav.woocommerce-pagination ul li,
    .cc-pagination .page-numbers li,
    .woocommerce-pagination .page-numbers li{
        margin-right: 1.875rem; /* 30px */
    }

    .cc-pagination,
    .woocommerce-pagination{
        padding-top: 3.125rem; /* 50px */
    }
    .cc-pagination .page-numbers .page-numbers,
    .woocommerce-pagination .page-numbers .page-numbers{
        display: inline-block;
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .cc-pagination,
    .woocommerce-pagination{
        padding-top: 3.75rem; /* 60px */
    }
}

@media (min-width: 1200px) {
    .cc-pagination,
    .woocommerce-pagination{
        padding-top: 5rem; /* 80px */
    }
}

@media (min-width: 1500) {
    .cc-pagination,
    .woocommerce-pagination{
        padding-top: 6.25rem; /* 100px */
    }
}