From 2c730b5db16a087fbd8e75e9f3bb1c5f559ac475 Mon Sep 17 00:00:00 2001
From: Antoine <antoine.martinon@deligraph.com>
Date: Mon, 12 May 2025 16:55:36 +0200
Subject: [PATCH] STYLE Add new article tag styles with hover effects and
 border enhancements

---
 resources/css/components/article-tag.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 resources/css/components/article-tag.css

diff --git a/resources/css/components/article-tag.css b/resources/css/components/article-tag.css
new file mode 100644
index 0000000..6ce0b20
--- /dev/null
+++ b/resources/css/components/article-tag.css
@@ -0,0 +1,13 @@
+.article-tag {
+  @apply w-fit bg-transparent	px-3 py-2 relative;
+  &:after {
+    content: '';
+    @apply w-full h-full absolute top-0 left-1/2 border border-primary;
+    translate: -50% 0;
+    transform: perspective(800px) rotateY(10deg);
+  }
+
+  &:hover {
+    @apply bg-primary text-white;
+  }
+}