STYLE Introducing styles

resources/css/blocks/subscribe-infolettre.css

@@ -0,0 +1,50 @@
+.subscribe-infolettre {
+  @apply relative !text-white px-24;
+
+  z-index: 5;
+  &:after {
+    @apply content-[""] absolute inset-0 bg-primary z-0 w-full h-full;
+    left: 50%;
+    transform: perspective(800px) rotateY(3deg)
+      rotateX(1deg) translateX(-50%);
+  }
+
+  &__inner {
+    @apply max-w-screen-3xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-y-12 2xl:gap-x-32 py-24 xl:py-32 2xl:py-40 items-center relative z-10;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  &__title {
+    @apply font-bold !text-white;
+  }
+
+  &__content {
+    .block-title {
+      @apply text-base mb-6 uppercase font-bold tracking-wider;
+    }
+    h2 {
+      @apply text-5xl mb-12 uppercase font-semibold;
+      @apply tracking-wider;
+      line-height: 1.15;
+      @apply max-w-2xl;
+    }
+    > * {
+      @apply max-w-2xl;
+    }
+  }
+
+  &__description {
+    @apply text-lg;
+  }
+
+  &__form {
+    @apply max-w-2xl;
+    input {
+      @apply bg-transparent border border-white text-white block w-full mb-4 p-3;
+    }
+  }
+}