FEATURE handling component basic styling

resources/css/components/card-revue.css

@@ -1,3 +1,29 @@
 .card-revue {
-  @apply p-12 border border-primary;
+  @apply p-8 border border-primary relative grid gap-6 bg-white;
+  grid-template-columns: 1fr 4fr 40px;
+
+  .content-meta {
+    @apply mb-4;
+    .content-meta__type--revue {
+      @apply text-lg;
+    }
+  }
+  &__title {
+    @apply text-3xl font-bold;
+  }
+  &__date {
+    @apply capitalize pt-3 block;
+  }
+
+  .issue-number {
+    @apply bg-primary text-white w-full h-auto flex items-center justify-center;
+    aspect-ratio: 1/1;
+  }
+
+  &:after {
+    content: '';
+    @apply absolute top-0 left-0 w-full h-full border border-primary;
+    z-index: -1;
+    transform: translate(10px, 10px);
+  }
 }