.nav-ajax {
    position: relative;

    display: flex;
    flex-direction: row;
    align-items: center;

    justify-content: center;

    gap: 20px;
}

.nav-ajax .btn.btn--link:not(.disabled) {
    stroke: var(--secondary-color)
}

.nav-ajax .btn.btn--link svg,
.nav-ajax .btn.btn--link svg path {
    transition: all .3s ease;
}

.nav-ajax .btn.btn--link.link-prev svg {
    transform: rotate(180deg);
}

.nav-ajax .btn.btn--link.disabled {
    background-color: transparent !important;
}

.nav-ajax .link.disabled svg,
.nav-ajax .link.disabled svg path {
    stroke: var(--text-subhead-color);
    color: var(--text-subhead-color);
    background-color: transparent;
} 

.nav-ajax .btn.btn--link:hover svg,
.nav-ajax .btn.btn--link:hover svg path {
    stroke: var(--primary-color);
    color: var(--primary-color);
}

.nav-ajax .nav-pages {
    position: absolute;
    bottom: 0;
    right: 0;

    color: var(--text-subhead-color);
    font-size: var(--text-sm);
}