export function GradientMeshButton() {
  return (
    <div className="bg-[#0f0a1c] p-12 grid place-items-center">
      <style>{`
        @keyframes mesh-drift {
          0%   { background-position: 0% 50%, 100% 50%, 50% 0%; }
          50%  { background-position: 100% 50%, 0% 50%, 50% 100%; }
          100% { background-position: 0% 50%, 100% 50%, 50% 0%; }
        }
        .mesh-btn {
          background-size: 200% 200%, 200% 200%, 200% 200%;
          background-image:
            radial-gradient(at 0% 50%, #6d28d9 0px, transparent 50%),
            radial-gradient(at 100% 50%, #ec4899 0px, transparent 50%),
            radial-gradient(at 50% 100%, #f97316 0px, transparent 50%);
          animation: mesh-drift 6s ease-in-out infinite;
          transition: transform .25s ease, box-shadow .25s ease;
        }
        .mesh-btn:hover {
          animation-duration: 2.4s;
          box-shadow: 0 14px 40px -10px rgba(236,72,153,0.5);
          transform: scale(1.03);
        }
        .mesh-btn:active { transform: scale(.98); }
      `}</style>
      <button
        type="button"
        className="mesh-btn px-7 py-3.5 rounded-2xl text-[14px] font-semibold text-white"
        style={{
          border: "1px solid rgba(255,255,255,0.18)",
          textShadow: "0 1px 2px rgba(0,0,0,0.35)",
        }}
      >
        Generate art
      </button>
    </div>
  );
}
Gradient Mesh Button
