.pagination {
    font-size: var(--font-size, 1rem);
    border-top-style: solid;
    border-top-width: var(--border-width, 1px);
    border-top-color: var(--border-color, black);
}

.pagination__previous + .pagination__next .pagination__link {
    margin-left: calc(var(--width-icon, 1em) + 1rem);
}

.pagination__direction {
    color: var(--color, inherit);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
}

.pagination__current {
    color: var(--color, inherit);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
}

.pagination__icon {
    color: var(--color, inherit);
    height: calc(var(--font-size, 1rem) * var(--line-height, 1.6));
}

.pagination__icon .icon {
    height: var(--width-icon, 1em);
}

@media (min-width: 30rem) {
    .pagination__next .pagination__link {
        margin-left: 0;
    }
}