.portfolio-navigation {
    display: flex;
    justify_content: space-between;
    align_items: center;
    width: 100%;
    position: relative;
}

.portfolio-nav-item {
    display: flex;
    align_items: center;
    flex: 1;
}

.portfolio-nav-prev {
    justify-content: flex-start;
    text-align: left;
}

.portfolio-nav-next {
    justify-content: flex-end;
    text-align: right;
}

.portfolio-nav-center {
    justify-content: center;
    text-align: center;
    flex: 0 0 auto;
}

.portfolio-nav-link {
    display: inline-flex;
    align_items: center;
    text-decoration: none;
    transition: all 0.3s ease;
    gap: 10px;
}

.portfolio-nav-prev .portfolio-nav-link {
    flex-direction: row;
}

.portfolio-nav-next .portfolio-nav-link {
    flex-direction: row-reverse;
}

.portfolio-nav-arrow {
    font-size: 0.9em;
}

/* Ensure icons in center behave well */
.portfolio-nav-center i {
    font-size: 24px;
}