.pagination {
    display: flex;
    margin-top: 3em;
    padding-top: 2em;
}

.pagination__column {
    display: flex;
    flex-direction: row;
}

.pagination__current {
    margin: 0 2.5rem;
}

.pagination__link {
    display: inline-flex;
    flex-direction: row;
    text-decoration: none;
}

.pagination__link[aria-disabled="true"] {
    cursor: not-allowed;
    pointer-events: none;
}

.pagination__previous .pagination__link-column-2,
.pagination__next .pagination__link-column-1 {
    display: none;
}

.pagination__direction {
    text-decoration: underline;
}

.pagination__link:hover .pagination__direction {
    text-decoration: none;
}

.pagination__link[aria-disabled="true"] .pagination__direction {
    text-decoration: none;
}

.pagination__icon {
    display: inline-flex;
    align-items: center;
}

.pagination__icon .icon {
    fill: currentColor;
}

.pagination__previous .pagination__link-column-1 {
    margin-right: 1rem;
}

.pagination__next .pagination__link-column-2 {
    margin-left: 1rem;
}

@media (min-width: 30rem) {
    .pagination {
        flex-direction: row;
    }

    .pagination__current {
        margin: 0 2rem;
    }

    .pagination__previous .pagination__link-column-2,
    .pagination__next .pagination__link-column-1 {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 62rem) {
    .pagination__current {
        margin: 0 3.125rem;
    }
}