Border Beam Demo 4

1import { Button } from "@/components/ui/button"
2import { BorderBeam } from "@/registry/magicui/border-beam"
3 
4export default function Component() {
5  return (
6    <Button className="relative overflow-hidden" size="lg" variant="outline">
7      Buy Now
8      <BorderBeam
9        size={40}
10        initialOffset={20}
11        className="from-transparent via-yellow-500 to-transparent"
12        transition={{
13          type: "spring",
14          stiffness: 60,
15          damping: 20,
16        }}
17      />
18    </Button>
19  )
20}