Seal Arrow Button

An uppercase pill button with a trailing seal arrow chip and an optional link.

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

Import & use

import { Button1 } from "@/components/beste/component/button1";
import { Download } from "lucide-react";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
<Button1 label="Read more" href="/pricing" />

<Button1
  label="Download"
  icon={Download}   // trailing seal icon (default: ArrowRight)
  tone="primary"    // "dark" (default) | "primary"
  roundedFull       // fully round the pill and the seal
  onClick={() => console.log("start download")}
/>