export function LedGlowButton() {
  return (
    <div className="p-12 grid place-items-center bg-[#0a0a0f]">
      <style>{`
        @keyframes led-pulse {
          0%, 100% { box-shadow: 0 0 8px #22d3ee, 0 0 16px #22d3ee66; }
          50% { box-shadow: 0 0 12px #22d3ee, 0 0 28px #22d3ee99; }
        }
        .led-dot { animation: led-pulse 1.4s ease-in-out infinite; }
        .led-btn { transition: box-shadow .4s ease, transform .2s ease; }
        .led-btn:hover {
          box-shadow:
            0 0 0 1px #22d3ee inset,
            0 0 16px -2px #22d3ee,
            0 0 48px -8px #22d3ee;
        }
        .led-btn:active { transform: translateY(1px); }
      `}</style>
      <button
        type="button"
        className="led-btn inline-flex items-center gap-3 px-6 py-3 rounded-md text-[13px] font-mono uppercase tracking-[0.18em] text-[#e2f7fb]"
        style={{
          background: "#101622",
          border: "1px solid #1c2942",
          letterSpacing: "0.2em",
        }}
      >
        <span
          className="led-dot inline-block h-2 w-2 rounded-full"
          style={{ background: "#22d3ee" }}
        />
        System online
      </button>
    </div>
  );
}
LED Status Button
