export function LiquidShineButton() {
  return (
    <div className="bg-[#FAFAF8] p-12 grid place-items-center">
      <style>{`
        .liquid-btn { position: relative; overflow: hidden; isolation: isolate; }
        .liquid-btn::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(
            110deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,0.55) 50%,
            transparent 65%,
            transparent 100%
          );
          transform: translateX(-120%);
          transition: transform .8s cubic-bezier(.2,.7,.2,1);
          pointer-events: none;
        }
        .liquid-btn:hover::before { transform: translateX(120%); }
        .liquid-btn:active { transform: scale(.98); }
      `}</style>
      <button
        type="button"
        className="liquid-btn px-7 py-3.5 rounded-xl text-[14px] font-medium text-white transition-transform"
        style={{
          background: "linear-gradient(180deg, #2a2a2e 0%, #0c0c10 100%)",
          border: "1px solid #1f1f24",
          boxShadow:
            "inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 24px -10px rgba(0,0,0,0.5)",
        }}
      >
        Activate license
      </button>
    </div>
  );
}
Liquid Shine Button
