styling client-satisfaction container

resources/css/blocks/client-satisfaction.css

@@ -0,0 +1,40 @@
+#client-satisfaction {
+  @apply border border-neutral-300 rounded-2xl p-8 my-8;
+
+  h2 {
+    @apply !text-3xl !font-bold !text-neutral-900 !mb-8;
+  }
+  .more-remarks label {
+    @apply !text-secondary !font-semibold;
+  }
+  .gfield--type-section {
+    @apply !sr-only;
+  }
+  .gform_confirmation_wrapper {
+    @apply py-0;
+  }
+  .gform_confirmation_message {
+    @apply flex gap-12 justify-center text-left !bg-white p-0;
+    h3 {
+      @apply p-0 m-0 text-neutral-900 text-xl font-bold;
+    }
+    h3,
+    p {
+      @apply text-left;
+    }
+    br {
+      display: none;
+    }
+    p {
+      @apply text-base text-neutral-900 !font-normal;
+    }
+    &:before {
+      @apply bg-white bg-center bg-no-repeat bg-contain shadowed shrink-0 p-4 h-24 w-24 !flex justify-center items-center rounded-3xl;
+      content: '';
+      background-image: url('../resources/img/pictogrammes/homegrade_mascotte.svg');
+      display: block;
+      background-size: 70% auto;
+      margin: 0 auto;
+    }
+  }
+}