diff --git a/resources/css/components/post-card.css b/resources/css/components/post-card.css
index 8f411c0..d80be7f 100644
--- a/resources/css/components/post-card.css
+++ b/resources/css/components/post-card.css
@@ -1,6 +1,11 @@
 .post-card {
   @apply p-8 border border-primary relative grid gap-y-4 gap-12 bg-white;
   grid-template-columns: 1fr;
+
+  transition: transform 0.3s ease-out;
+  &:hover {
+    transform: translateY(-4px);
+  }
   @screen lg {
     grid-template-columns: 1fr 40px;
   }