.blog-post-nav-prev, .blog-post-nav-next { align-items: center; display: inline-flex; justify-content: center; }
.blog-post-nav-prev, .blog-post-nav-next { background: var(--surface); border: 1px solid var(--border); color: var(--text); }
.blog-post-nav {
    margin-top: var(--abstand-5);
    display: flex;
    justify-content: space-between;
    gap: var(--abstand-4);
    pointer-events: none;
}
.blog-post-nav-prev, .blog-post-nav-next {
    pointer-events: auto;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-rund);
    font-size: var(--schrift-5);
    line-height: var(--zeile-1);
    text-decoration: none;
    transition: background var(--dauer-2), border-color var(--dauer-2), transform var(--dauer-2);
}
.blog-post-nav-prev:hover, .blog-post-nav-next:hover {
    background: var(--surface-hover);
    border-color: var(--accent);
    transform: scale(1.08);
}
.blog-post-nav:has(.blog-post-nav-next:only-child) {
    justify-content: flex-end;
}
.blog-post-nav:has(.blog-post-nav-prev:only-child) { justify-content: flex-start; }
@media (min-width: 900px) {
.blog-post-nav {
            position: absolute;
            top: 50%;
            left: -3.5rem;
            right: -3.5rem;
            transform: translateY(-50%);
            margin: 0;

    }
}
@media (min-width: 900px) {
.blog-post-nav-prev, .blog-post-nav-next {
            width: 3rem;
            height: 3rem;
            font-size: var(--schrift-6);

    }
}