Already did the same somewhere and Ludo told me not to and let the default html link behaviour (meaning you encapsulate with `<a>` your button for eg.) Not needed anymore
Change Download link in output with proper button
### Feature description

Related to #1767 , use a proper button for the Download link in output tab

![image](https://github.com/kestra-io/kestra/assets/46634684/a292065f-c6f6-4617-a6cf-70859abdc73c)

ui/src/components/executions/VarValue.vue
ui/src/components/executions/VarValue.vue
diff --git a/ui/src/components/executions/VarValue.vue b/ui/src/components/executions/VarValue.vue
index 5c320c8eac..4bc283155e 100644
--- a/ui/src/components/executions/VarValue.vue
+++ b/ui/src/components/executions/VarValue.vue
@@ -1,14 +1,11 @@
 <template>
-    <el-link
-        v-if="isFile(value)"
-        :icon="Download"
-        target="_blank"
-        type="primary"
-        :href="itemUrl(value)"
-    >
+    <a class="el-button el-button--primary mt-2 mb-2 " v-if="isFile(value)" :href="itemUrl(value)" target="_blank">
+        <Download />
+        &nbsp;
         {{ $t('download') }}
+        &nbsp;
         <span v-if="humanSize">({{ humanSize }})</span>
-    </el-link>
+    </a>
     <span v-else>
         {{ value }}
     </span>
@@ -34,8 +31,7 @@
             },
             itemUrl(value) {
                 return `${apiRoot}executions/${this.execution.id}/file?path=${value}`;
-            },
-
+            }
         },
         created() {
             if (this.isFile(this.value)) {
