{{#
    @name Skip to content button
    @desc The first button that pops up when a user tabs. This enables them to skip directly to the content.
#}}

<!-- statamic-peak-tools::navigation/_skip_to_content.antlers.html -->
<a class="fixed z-50 px-4 py-2 text-sm font-bold text-white -translate-y-24 opacity-0 top-4 left-8 bg-primary focus-visible:translate-y-0 focus-visible:opacity-100 focus:outline-none focus-visible:ring-2 ring-primary ring-offset-2 motion-safe:transition-transform" href="#content">
    {{ trans:strings.skip_to_content }}
</a>
<!-- End: statamic-peak-tools::navigation/_skip_to_content.antlers.html -->