"use client";

import { ArrowRight } from "lucide-react";

import { ButtonLink } from "@/components/ui/button-link";

export function FloatingCta() {
  return (
    <div className="pointer-events-none fixed bottom-5 left-1/2 z-40 -translate-x-1/2 sm:bottom-8">
      <ButtonLink
        href="/programs"
        size="sm"
        className="pointer-events-auto border-border/60 bg-background/90 text-foreground shadow-lg backdrop-blur-xl transition-premium hover:bg-background"
      >
        Explore plans
        <ArrowRight className="size-3.5 opacity-70" />
      </ButtonLink>
    </div>
  );
}