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;
+  }
+}