From 77de397e0c114d80eb70ac22adbcae9852691140 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Fri, 20 Mar 2026 17:06:31 +0100
Subject: [PATCH] STYLE styling the native wp file component

---
 resources/css/blocks/wp-block-file.css | 38 ++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 resources/css/blocks/wp-block-file.css

diff --git a/resources/css/blocks/wp-block-file.css b/resources/css/blocks/wp-block-file.css
new file mode 100644
index 0000000..8c1d65d
--- /dev/null
+++ b/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);
+    }
+  }
+}