{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "subscribe-shine-button",
  "title": "Subscribe Shine Button",
  "author": "henriquegpb <https://github.com/henriquegpb>",
  "description": "A dark subscribe pill with a rotating highlight that traces its edge on hover.",
  "files": [
    {
      "path": "registry/microkit/subscribe-shine-button.tsx",
      "content": "export function SubscribeShineButton() {\n  return (\n    <button className=\"group relative flex h-[60px] w-[200px] items-center justify-center overflow-hidden rounded-full border-0 bg-transparent p-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-[#f97316]\">\n      <span className=\"h-[250px] w-[230px] shrink-0 bg-[linear-gradient(121deg,#1b1b1b_38%,#f0f0f0_50%,#1b1b1b_61%)]\" />\n      <span className=\"absolute inset-px flex items-center justify-center rounded-full bg-[light-dark(#ffffff,#0b0b11)] text-[13px] font-bold leading-none text-[light-dark(#14181e,#f0f0f0)] uppercase\">\n        Subscribe\n      </span>\n    </button>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/microkit/subscribe-shine-button.tsx"
    }
  ],
  "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/subscribe-shine-button",
  "categories": [
    "button",
    "hover"
  ],
  "type": "registry:component"
}