export function ArrowSwapButton() {
  return (
    <div className="bg-[#0c0d12] p-12 grid place-items-center">
      <button
        type="button"
        className="group inline-flex items-center gap-3 rounded-full border border-white/10 bg-white/5 py-2 pl-6 pr-2 text-[14px] font-medium text-white transition-colors hover:border-white/25 hover:bg-white/10"
      >
        Get started
        <span className="relative grid h-8 w-8 place-items-center overflow-hidden rounded-full bg-white text-black">
          <span className="transition-transform duration-300 group-hover:translate-x-7">→</span>
          <span className="absolute -translate-x-7 transition-transform duration-300 group-hover:translate-x-0">→</span>
        </span>
      </button>
    </div>
  );
}
Arrow Swap Button
