STYLE styling the native wp file component

resources/css/blocks/wp-block-file.css

@@ -0,0 +1,38 @@
+.wp-block-file {
+  @apply text-primary font-semibold !text-lg flex gap-2 items-center;
+  transition: all 0.3s ease;
+
+  a:not([download]) {
+    &:hover {
+      @apply underline underline-offset-8;
+    }
+    &:after {
+      content: none;
+    }
+  }
+
+  a[download] {
+    @apply bg-transparent !text-white !no-underline inline-flex items-center gap-12 relative w-10 h-10 ml-4;
+    color: transparent !important;
+    font-size: 0; /* Réduit l'espace occupé */
+    text-indent: -9999px;
+    transition: all 0.3s ease;
+
+    &:after {
+      @apply w-10 h-10 bg-transparent absolute top-0 left-0;
+      background-image: url('../resources/img/icons/button-arrow-down-small.svg');
+      background-size: contain;
+      background-repeat: no-repeat;
+      background-position: center;
+      content: ' ';
+      display: block;
+      transform: translateY(0);
+    }
+  }
+
+  &:hover {
+    a[download] {
+      transform: translateY(3px);
+    }
+  }
+}