{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "aurora-download-button",
  "title": "Aurora Download Button",
  "author": "henriquegpb <https://github.com/henriquegpb>",
  "description": "A layered blue download button with a luminous rim, directional shadow, and blended hover bloom.",
  "files": [
    {
      "path": "registry/microkit/aurora-download-button.tsx",
      "content": "export function AuroraDownloadButton() {\n  return (\n    <button\n      type=\"button\"\n      className=\"group relative flex w-fit cursor-pointer items-center gap-1.5 overflow-hidden rounded-[10px] border-0 px-5 py-2.5 text-base font-medium leading-none tracking-[-.13px] text-white shadow-[rgba(0,0,0,.28)_0_10px_18px,rgba(191,229,251,.4)_-3px_-3px_4px_inset,rgba(19,26,228,.1)_4px_4px_4px_inset] transition-transform duration-[160ms] ease-out [background:radial-gradient(101.79%_101.79%_at_65.61%_81.79%,rgba(255,255,255,.6)_0,rgba(255,255,255,0)_100%),radial-gradient(114.65%_114.65%_at_9.73%_17.27%,rgb(30,130,224)_0,rgb(28,56,234)_100%)] [background-blend-mode:overlay,normal] [font-family:var(--font-geist-sans,Geist),-apple-system,BlinkMacSystemFont,'Segoe_UI',sans-serif] hover:scale-[1.03] focus-visible:scale-[1.03] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white active:scale-[.97] motion-reduce:duration-[.01ms] md:rounded-xl\"\n    >\n      <span className=\"pointer-events-none absolute inset-0 z-20 blur-[1px]\" aria-hidden=\"true\">\n        <span className=\"absolute left-[-1px] top-[-1px] h-full w-full rounded-[10px] bg-[linear-gradient(176.87deg,rgba(255,255,255,.5)_8.56%,rgba(255,255,255,0)_85.04%)] p-[3px] opacity-[.45] [-webkit-mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] [-webkit-mask-composite:xor] [mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] [mask-composite:exclude] md:rounded-xl\" />\n      </span>\n      <span className=\"pointer-events-none absolute inset-px z-0 rounded-[inherit] bg-[radial-gradient(101.79%_101.79%_at_65.61%_81.79%,rgba(255,255,255,.6)_0,rgba(255,255,255,0)_100%)] opacity-0 mix-blend-overlay transition-opacity duration-300 ease-in-out group-hover:opacity-40 group-focus-visible:opacity-40 motion-reduce:duration-[.01ms]\" aria-hidden=\"true\" />\n      <svg className=\"relative z-[1] size-5 shrink-0\" width=\"20\" height=\"20\" viewBox=\"0 0 384 512\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5c0 26.2 4.8 53.3 14.4 81.2 12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.7-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.6-91.9zM261.1 104.5c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z\" />\n      </svg>\n      <span className=\"relative z-[1]\">Get for Mac</span>\n    </button>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/microkit/aurora-download-button.tsx"
    }
  ],
  "docs": "Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/aurora-download-button",
  "categories": [
    "button",
    "hover"
  ],
  "type": "registry:component"
}