A wrapper that adds an animated, gradient glowing shadow behind its child on hover.
import { GradientShadow } from "@/components/ui/gradient-shadow"; export default function GradientShadowDemo() { return ( <div className="flex min-h-[320px] w-full items-center justify-center bg-background p-10"> <GradientShadow> <button className="rounded-xl border border-border bg-card px-8 py-4 text-base font-medium text-card-foreground shadow-sm transition-colors"> Hover me </button> </GradientShadow> </div> ); }