From a29ddbd36cc54327de484c7f54355b5847caa341 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 8 Apr 2026 16:37:02 +0200
Subject: [PATCH] CONTENT introducing the composition

---
 .../compositions/pourquoi-soutenir-carhop.css | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 resources/css/compositions/pourquoi-soutenir-carhop.css

diff --git a/resources/css/compositions/pourquoi-soutenir-carhop.css b/resources/css/compositions/pourquoi-soutenir-carhop.css
new file mode 100644
index 0000000..1a534ea
--- /dev/null
+++ b/resources/css/compositions/pourquoi-soutenir-carhop.css
@@ -0,0 +1,20 @@
+.pourquoi-soutenir-carhop {
+  --block-rotation: 4deg;
+  figure::after {
+    @apply w-12 h-12 bg-carhop-green-700;
+    transform: rotate(var(--block-rotation)) translateX(calc(100% + 2rem));
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+
+    background-image: url('../resources/img/elements/carhop-heart-white.svg');
+    background-position: center;
+    background-size: 50%;
+    background-repeat: no-repeat;
+  }
+
+  figure.wp-block-image.is-style-framed-rotated {
+    transform: rotate(calc(-1 * var(--block-rotation))) translateX(-1rem);
+  }
+}