.post-nav { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; color: var(--gray); }

.post-nav > :first-child { text-align: left; }

.post-nav > :last-child { text-align: right; }

.post-nav > :first-child .icon { margin-right: 0.5em; }

.post-nav > :last-child .icon { margin-left: 0.5em; }

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

/*# sourceMappingURL=post-nav.css.map */