diff --git a/resources/css/blocks/document-card.css b/resources/css/blocks/document-card.css
new file mode 100644
index 0000000..e7687cf
--- /dev/null
+++ b/resources/css/blocks/document-card.css
@@ -0,0 +1,47 @@
+.wp-block-carhop-blocks-document-card {
+  @apply border border-solid border-primary p-8  bg-white grid items-center mb-6;
+
+  grid-template-columns: 1fr auto;
+
+  &:after {
+    @apply content-[''] block !w-20 !h-20 bg-center bg-no-repeat;
+    transition: transform 0.3s ease-in-out;
+    background-image: url('../resources/img/carhop-fleche-full-green_down.svg') !important;
+    transform: translateY(-5px);
+  }
+
+  &:hover:after {
+    transform: translateY(14px);
+  }
+
+  .file_info {
+    @apply flex items-center   text-primary;
+  }
+
+  .wp-block-carhop-blocks-heading {
+    @apply !pb-4;
+    .carhop-heading__innerblocks {
+      @apply !gap-2;
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      @apply nunito !normal-case !tracking-wide;
+    }
+
+    p {
+      @apply !text-3xl;
+    }
+
+    + .file_info {
+      @apply !mt-4;
+    }
+  }
+
+  p {
+    @apply mb-4;
+  }
+}