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

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

<style>
  .arrow {
    position: absolute;
    right: 0;
    transform: rotate(10deg) translateX(110%) translateY(50px);
  }
  .arrow > p {
    color: #414152;
    transform: rotate(15deg) translateY(16px) translateX(4px);
  }
</style>