Gradient Pulse Button

export function PulseButton({ children, onClick }) {
  return (
    <button
      onClick={onClick}
      className="relative inline-flex items-center gap-2 rounded-xl bg-gradient-to-r
        from-indigo-500 to-fuchsia-500 px-6 py-3 font-semibold text-white
        shadow-lg shadow-fuchsia-500/30 transition-transform
        hover:scale-[1.03] active:scale-[0.98] focus-visible:outline-none
        focus-visible:ring-2 focus-visible:ring-fuchsia-400"
    >
      <span className="absolute inset-0 -z-10 animate-ping rounded-xl bg-fuchsia-500/40" />
      {children}
    </button>
  );
}