diff --git a/resources/css/app.css b/resources/css/app.css
index e41f2c0..1581f8b 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -120,6 +120,7 @@
 @import './blocks/parcours-renovateur.css';
 @import './blocks/page-card.css';
 @import './blocks/lightbox-gallery.css';
+@import './blocks/explainer-screen.css';
 
 /* Home */
 @import './blocks/home-header.css';
diff --git a/resources/css/blocks/explainer-screen.css b/resources/css/blocks/explainer-screen.css
new file mode 100644
index 0000000..c073c66
--- /dev/null
+++ b/resources/css/blocks/explainer-screen.css
@@ -0,0 +1,10 @@
+.homegrade-blocks-explainer-screen {
+  @apply border-2 border-neutral-200 p-8 rounded-3xl;
+  &__step-position {
+    @apply text-xs font-bold text-neutral-500 !mb-0 uppercase;
+  }
+
+  &__step-title {
+    @apply !mt-0 !mb-8 text-2xl font-bold !text-neutral-900;
+  }
+}