export function GlassMorphButton() {
  return (
    <div
      className="p-12 grid place-items-center relative overflow-hidden"
      style={{
        background:
          "linear-gradient(135deg, #a78bfa 0%, #f472b6 50%, #fb923c 100%)",
      }}
    >
      <div
        aria-hidden
        className="absolute inset-0 opacity-40"
        style={{
          backgroundImage:
            "radial-gradient(circle at 20% 30%, #fff 0px, transparent 120px), radial-gradient(circle at 80% 70%, #fff 0px, transparent 140px)",
        }}
      />
      <button
        type="button"
        className="relative px-7 py-3.5 rounded-2xl text-[14px] font-medium text-white transition-all duration-300 hover:scale-[1.04] active:scale-[0.97]"
        style={{
          background: "rgba(255,255,255,0.18)",
          backdropFilter: "blur(18px) saturate(180%)",
          WebkitBackdropFilter: "blur(18px) saturate(180%)",
          border: "1px solid rgba(255,255,255,0.32)",
          boxShadow:
            "inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(255,255,255,0.08), 0 12px 36px -10px rgba(0,0,0,0.25)",
          textShadow: "0 1px 2px rgba(0,0,0,0.2)",
        }}
      >
        Glass morph
      </button>
    </div>
  );
}
Glass Morph Button
