{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glow-arrow-button",
  "title": "Glow Arrow Button",
  "author": "henriquegpb <https://github.com/henriquegpb>",
  "description": "A bright CTA with a soft glow and a moving arrow on hover.",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "registry/microkit/glow-arrow-button.tsx",
      "content": "import { ArrowRight } from \"lucide-react\";\n\nexport function GlowArrowButton() {\n  return <button type=\"button\" className=\"group inline-flex cursor-pointer items-center gap-2 overflow-hidden rounded-full border-0 bg-[light-dark(#ffffff,#f0f0f0)] px-8 py-4 text-base font-medium text-[light-dark(#14181e,#111)] transition-shadow duration-300 hover:shadow-[0_3px_20px_light-dark(#14181e26,#f0f0f080)] focus-visible:shadow-[0_3px_20px_light-dark(#14181e26,#f0f0f080)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[#f97316]\"><span>Get Started</span><ArrowRight aria-hidden=\"true\" size={16} strokeWidth={2.3} className=\"transition-transform duration-300 group-hover:translate-x-1 group-focus-visible:translate-x-1\" /></button>;\n}\n",
      "type": "registry:component",
      "target": "@components/microkit/glow-arrow-button.tsx"
    }
  ],
  "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/glow-arrow-button",
  "categories": [
    "button",
    "hover"
  ],
  "type": "registry:component"
}