.pagination-wrapper {
    display: none;
}

.js-failed .pagination-wrapper {
    display: contents;
}

.the-pagination {
    display: grid;
    align-items: center;
    justify-self: flex-end;
    grid-template-areas: "prev index next";
    font-size: var(--fs-20);
    gap: 20px;
}

.the-pagination .pagination-index {
    grid-area: index;
    display: flex;
    align-items: center;
    gap: var(--s-20-40);
}

.pagination-index .current-page {
    font-size: var(--fs-32);
}

.the-pagination .controls {
    display: contents;
}

.the-pagination .control-previous-page {
    grid-area: prev;
}

.the-pagination .control-next-page {
    grid-area: next;
}