.post_nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    color: #9e9e9e
}

.post_nav>* {
    width: 50%
}

.post_nav>*:first-child {
    text-align: left
}

.post_nav>*:last-child {
    text-align: right
}

@media (max-width: 500px) {
    .post_nav {
        align-items: center;
        flex-direction: column
    }
    .post_nav>* {
        text-align: center !important
    }
}