.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 42px;
}

.pagination a,
.pagination span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: #fff;
    color: var(--navy);
    font-weight: 700;
    text-decoration: none;
}

.pagination a:hover,
.pagination a:focus-visible,
.pagination .is-current {
    border-color: var(--orange);
    background: var(--orange);
    color: var(--navy);
}

.pagination .pagination-arrow {
    font-size: 1.1rem;
}

@media (max-width: 640px) {
    .pagination { margin-top: 30px; gap: 6px; }
    .pagination a,
    .pagination span { width: 38px; height: 38px; }
}