.pagination {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pagination:first-child {
    padding-top: 0;
}

.pagination:last-child {
    padding-bottom: 0;
}

.pagination__items {
    display: flex;
    margin: 0 -2px;
    padding-left: 0;
    color: var(--color-gray-dark);
    list-style: none;
}

.pagination__item {
    padding-right: 2px;
    padding-left: 2px;
}

.pagination__item_active {
    color: var(--color-black);
}

.pagination__link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid var(--color-gray);
    border-radius: 4px;
}

.page .pagination__link {
    text-decoration: none;
}

.pagination__item_active .pagination__link {
    border-color: currentColor;
}

.pagination__link:hover {
    color: var(--color-primary);
    border-color: currentColor;
}

.page .pagination__item_icon {
    color: var(--color-primary);
}

.pagination__item_icon .pagination__link {
    border-color: transparent !important;
}

.pagination__item_icon .pagination__link:hover {
    color: var(--color-gray-dark);
}

.page .pagination__link,
.page .pagination__item_icon .pagination__link {
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.page .pagination__item_icon .icon {
    height: 1em;
    width: auto;
}

@media (prefers-reduced-motion: reduce) {
    .page .pagination__link,
    .page .pagination__item_icon .pagination__link {
        transition: none;
    }
}