diff --git a/resources/css/blocks/post-card.css b/resources/css/blocks/post-card.css
new file mode 100644
index 0000000..8623ba9
--- /dev/null
+++ b/resources/css/blocks/post-card.css
@@ -0,0 +1,34 @@
+.post-card {
+  @apply bg-white flex gap-8 items-center justify-between !p-6 rounded-xl shadowed my-4;
+  text-decoration: none !important;
+
+  &__cover {
+    @apply h-24 w-24 rounded-2xl;
+  }
+  &__tags {
+    @apply flex items-center gap-3 text-sm;
+    .tag {
+      @apply rounded-md;
+      padding-top: 0.36rem;
+      padding-bottom: 0.36rem;
+    }
+  }
+  &__title {
+    @apply !text-lg  !font-bold text-black !mb-0 !mt-4;
+  }
+
+  &:hover {
+    @apply !bg-white !rounded-xl;
+    transform: translateX(4px) scale(1.02);
+  }
+  &:after {
+    @apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0 mr-auto;
+    content: '';
+    margin-top: auto;
+    margin-bottom: auto;
+    background-image: url('../resources/img/graphic-assets/chevron_right.svg');
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 50% 50%;
+  }
+}