Add button variant to Link component

Author: tjementum

application/shared-webapp/ui/components/Link.tsx

@@ -7,7 +7,7 @@ import { tv } from "tailwind-variants";
 import { focusRing } from "./focusRing";
 
 interface LinkProps extends AriaLinkProps {
-  variant?: "primary" | "secondary" | "destructive" | "ghost";
+  variant?: "primary" | "secondary" | "destructive" | "ghost" | "button";
   underline?: boolean | "hover";
   size?: "md" | "sm" | "lg";
 }
@@ -20,7 +20,8 @@ const styles = tv({
       primary: "text-primary hover:text-primary/90",
       secondary: "text-secondary-foreground hover:text-secondary-foreground/90",
       destructive: "text-destructive hover:text-destructive/90",
-      ghost: "text-accent-foreground hover:bg-hover-background hover:text-accent-foreground/90"
+      ghost: "text-accent-foreground hover:bg-hover-background hover:text-accent-foreground/90",
+      button: "hover:opacity-90"
     },
     underline: {
       true: "underline disabled:no-underline",