Shine Sweep Button

A premium pill button with a diagonal shine sweep on hover for pricing and upgrade actions.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Button16 } from "@/components/beste/component/button16";
import { Sparkles } from "lucide-react";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
<Button16 label="Upgrade to Pro" href="/pricing" />

<Button16
  label="Go Premium"
  icon={Sparkles}   // optional leading icon
  tone="primary"    // "dark" (default) | "primary"
  rounded="md"      // "full" (default) | "lg" | "md" | "none"
  onClick={() => console.log("start checkout")}
/>