/****************************************************************************
 * Pagination
 ****************************************************************************/
.pagination {
    margin: 1rem 0 0 0;
    position: relative;
}

.pagination > li.ellipsis:before {
    content: '…';
}

 .pagination li {
    display: inline-block;
}

.pagination li:not(.pagination-next):not(.pagination-previous) {
    padding: 0 0.5rem;
    margin: 0 0.5rem;
    border: solid 1px currentColor;
    border-radius: var(--typo-border-radius);
}

.pagination li.current {
    background-color: #000000;
    color: #ffffff;
}

.pagination li i {
    background-color: var(--typo-color-grey);
    background-size: 80%;
    border-radius: var(--typo-border-radius);
    margin: 0 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

.pagination .pagination-next {
    position: absolute;
    right: 0;
}

.pagination .pagination-previous {
    position: absolute;
    left: 0;
}

@media screen and (max-width:39.875em){ 
    .pagination .pagination-next,
    .pagination .pagination-previous {
        font-size: 0;
    }
}