Editorial CTA Button

An editorial pill button with a rolling label and animated icon seal on hover.

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

Import & use

import { Button12 } from "@/components/beste/component/button12";
import { Phone } from "lucide-react";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
<Button12 label="Book an intro call" href="/contact" />

<Button12
  label="See our work"
  icon={Phone}     // seal icon (default: ArrowUpRight)
  tone="outline"   // "dark" (default) | "outline"
  onClick={() => console.log("open modal")}
/>