<nav class="px-5 sm:px-6 mb-6">
    <div class="max-w-content mx-auto">
        <div class="grid md:grid-cols-2 gap-4 text-sm leading-tight font-medium">
    {{#prev_post}}
        <a class="flex flex-col gap-1 items-start hover:opacity-75" href="{{url}}">
            <small class="uppercase font-medium text-[0.7rem] text-typ-tone opacity-75 flex items-center gap-0.75">
                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-left" width="14" height="14" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M15 6l-6 6l6 6"></path></svg>
                Previous post
            </small>
            <strong class="text-left flex flex-col gap-1 ml-4">{{title}}</strong>
        </a>
    {{/prev_post}}
    {{#next_post}}
        <a class="flex flex-col gap-1 items-end hover:opacity-75" href="{{url}}">
            <small class="uppercase font-medium text-[0.7rem] text-typ-tone opacity-75 flex items-center gap-0.75">
                Next post
                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-right" width="14" height="14" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 6l6 6l-6 6"></path></svg>
            </small>
            <strong class="text-left flex flex-col gap-1 ml-4">{{title}}</strong>
        </a>
    {{/next_post}}








        </div>
    </div>
</nav>
