---
import { useTranslations } from "@i18n/utils";
const t = useTranslations(Astro.url);
---

<div class="arrow items-center gap-2 hidden lg:flex">
  <p class="text-xl">{t("latest-posts")}</p>
  <img src="/images/arrow_b.svg" alt="Arrow" />
</div>

<style>
  .arrow {
    position: absolute;
    left: 0;
    transform: translateX(-110%) translateY(-160px);
  }
  .arrow > p {
    color: #414152;
    transform: rotate(-26deg) translateY(34px) translateX(-10px);
  }
</style>
