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>
);
}