candy-button

1import React from "react";
2import { cn } from "@/lib/utils";
3 
4export interface CandyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
5 
6export function CandyButton({ className, children = "Candy Button", ...props }: CandyButtonProps) {
7  return (
8    <button
9      className={cn(
10        "relative text-white font-semibold text-base leading-[22px] tracking-[0.02em]",
11        "px-9 py-3 rounded-xl cursor-pointer transition-all duration-200 ease-out",
12        "border border-[#54A1FD] bg-[radial-gradient(95%_60%_at_50%_75%,#005FD6_0%,#209BFF_100%)]",
13        "shadow-[0px_4px_48px_-12px_#1187FF,inset_0px_1px_8px_-4px_#FFFFFF]",
14        "active:scale-95 active:rotate-1",
15        "after:absolute after:top-[1px] after:right-[10%] after:w-[60%] after:h-[1px]",
16        "after:bg-gradient-to-r after:from-transparent after:via-white/50 after:to-transparent",
17        "hover:brightness-110",
18        className
19      )}
20      {...props}
21    >
22      {children}
23    </button>
24  );
25}
26 
27export default CandyButton;