Shooting Stars + Stars Background

[luccas-freitas]

Can I use Shooting Stars + Stars Background inside a shadcn HoverCard?
On this way, the buttons are being not hoverable and I can't click on them:

function TestPage() {
  const links = ["link1", "link2", "link3"];

  return (
    <HoverCard>
      <HoverCardTrigger asChild>
        <Button variant="link">hover me</Button>
      </HoverCardTrigger>
      <HoverCardContent className="w-auto">
        {links.map((link) => (
          <div key={link}>
            <Button variant="link">
              <Link href={link}>{link}</Link>
            </Button>
          </div>
        ))}
        <ShootingStars />
        <StarsBackground />
      </HoverCardContent>
    </HoverCard>
  );
}