diff --git a/src/components/Button.astro b/src/components/Button.astro
index ed97ee7..fab6d00 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -1,7 +1,7 @@
 ---
 type Prop = {
   href?: string;
-  variant?: "primary" | "secondary" | "disabled";
+  variant?: "primary" | "secondary" | "disabled" | "border";
   className?: string;
   version?: "V2" | "V1";
   tooltip?: string;
@@ -20,6 +20,8 @@ const { href = "#", variant = "primary", className, tooltip } = Astro.props;
         "bg-purple-700 hover:bg-purple-700/80 saturate-50",
       variant === "disabled" &&
         "cursor-not-allowed active:pointer-events-none bg-gray-800",
+      variant === "border" &&
+        "bg-none border-solid border-2 border-purple-700 hover:border-purple-700 text-purple-700 font-normal",
       className,
     ]}
   >
diff --git a/src/pages/index.astro b/src/pages/index.astro
index dfec1ed..8bc00dc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -171,7 +171,7 @@ import link from "@/assets/link.svg";
             </Button>
             <Button
               href="https://selbat.datai.disco.unimib.it/"
-              variant="primary"
+              variant="border"
             >
               Try s-elBat <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -233,7 +233,7 @@ import link from "@/assets/link.svg";
             </Button>
             <Button
               href="https://mantistable.datai.disco.unimib.it/"
-              variant="primary"
+              variant="border"
             >
               Try MantisTable UI<svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -337,7 +337,7 @@ import link from "@/assets/link.svg";
             </Button>
             <Button
               href="https://lamapi.datai.disco.unimib.it/"
-              variant="primary"
+              variant="border"
             >
               Try LamAPI<svg
                 xmlns="http://www.w3.org/2000/svg"