export function NeonPulseButton() {
  return (
    <div className="p-12 grid place-items-center bg-[#0d0817]">
      <style>{`
        @keyframes neon-flicker {
          0%, 100% { opacity: 1; }
          47% { opacity: 1; }
          48% { opacity: 0.6; }
          49% { opacity: 1; }
          52% { opacity: 0.85; }
          53% { opacity: 1; }
        }
        .neon-btn {
          color: #ff2ec8;
          text-shadow:
            0 0 4px #ff2ec8,
            0 0 10px #ff2ec8,
            0 0 22px #ff2ec8aa;
          border: 1.5px solid #ff2ec8;
          box-shadow:
            inset 0 0 8px #ff2ec866,
            0 0 8px #ff2ec866,
            0 0 22px -2px #ff2ec866;
          animation: neon-flicker 4s linear infinite;
          transition: all .25s ease;
        }
        .neon-btn:hover {
          color: #fff;
          background: #ff2ec8;
          text-shadow: 0 0 6px #fff, 0 0 18px #ff2ec8;
          box-shadow:
            inset 0 0 12px #fff8,
            0 0 14px #ff2ec8,
            0 0 42px #ff2ec8;
        }
        .neon-btn:active { transform: scale(.97); }
      `}</style>
      <button
        type="button"
        className="neon-btn px-7 py-3 rounded-full text-[13px] font-mono uppercase tracking-[0.22em] bg-transparent"
      >
        Enter the void
      </button>
    </div>
  );
}
Neon Pulse Button
