components/shuffler/button.tsx

import { Shuffle } from "lucide-react";

export const ButtonShuffler = ({ onClick }: { onClick: () => void }) => {
  return (
    <button
      className="bg-white/90 hover:bg-white transition-all max-lg:w-full duration-200 lg:rounded-full text-lg lg:text-xl flex items-center justify-center gap-3 text-black px-6 py-3.5 lg:px-8 lg:py-5 font-bold"
      onClick={onClick}
    >
      <Shuffle className="w-5 lg:w-8" />
      Shuffle
    </button>
  );
};