<span
  class="mx-auto flex w-[95%] flex-col border-t
  border-t-[var(--text-color)] p-1 text-center lg:flex-row lg:justify-between"
>
  <p class="py-4 lg:px-[10%]">
    © 2025 Colormatic Studios, All Rights Reserved.
  </p>
  <p class="py-4 lg:px-[10%]">
    <a href="mailto:support@colormatic.org" class="underline">
      support@colormatic.org
    </a>
    <span class="hidden lg:inline">|</span>
    <a href="mailto:contact@colormatic.org" class="underline">
      contact@colormatic.org
    </a>
  </p>
</span>
