nav[aria-label="pagination-heading"] {
    margin-top: 48px;
    height: 40px;
}

.page-view-gallery .pagination {
    position: absolute;
    left: 0;
    width: 100vw;
    user-select: none;
}

.pagination {
    user-select: none;
}

ul.pagination {
    justify-content: center;
}

.page-link {
    font-size: 21px;
}

.page-link:hover {
    background-color: var(--light-grey);
}

ul.pagination li.page-item {
    width: fit-content;
    height: fit-content;
    margin: 0 5px !important;
}

ul.pagination li.page-item .page-link,
ul.pagination li.pager__item--next .page-link,
ul.pagination li.pager__item--prev .page-link,
ul.pagination li.page-item:first-child.active .page-link,
ul.pagination li.page-item:last-child.active .page-link {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    opacity: .3;
    border: solid 1px var(--dark-blue);
    color: var(--dark-blue);
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.pagination .page-item.active .page-link,
ul.pagination li.page-item:first-child.active .page-link,
ul.pagination li.page-item:last-child.active .page-link {
    opacity: 1;
    background-color: unset !important;
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}

@media screen and (max-width: 479px) {

    ul.pagination li.page-item .page-link,
    ul.pagination li.pager__item--next .page-link,
    ul.pagination li.pager__item--prev .page-link,
    ul.pagination li.page-item:first-child.active .page-link,
    ul.pagination li.page-item:last-child.active .page-link {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
}