REFACTOR

resources/css/base/links.css

@@ -11,19 +11,22 @@ a[target='_blank'] {
 }
 .internal-link-with-icon {
   @apply flex items-center;
+  transition: transform 0.3s ease-out;
   &:after {
     transition: transform 0.3s ease-out;
     @apply content-[''] w-10 h-10 ml-2 inline-block;
     background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');
+    transform: rotate(0deg) translateX(0px);
   }
   &:hover:after {
-    transform: rotate(45deg);
+    transform: translateX(4px) rotate(45deg);
   }
   &:hover {
     filter: brightness(1.2);
     text-decoration: underline;
     text-decoration-thickness: 1px;
     text-underline-offset: 8px;
+    transform: translateX(-4px);
   }
 }
 .no-external-icon {

resources/css/blocks/chapter-section.css

@@ -1,10 +1,11 @@
 .chapter-section {
   @apply relative lg:flex items-center justify-between gap-8  2xl:gap-12 !my-0;
-  @apply py-32 xl:py-32 2xl:py-48 px-4 md:px-32;
-
+  @apply py-32 xl:py-32 2xl:py-48 px-4 md:px-12;
   @apply max-w-screen-2xl mx-auto;
   color: var(--content-box-text-color);
 
+  min-height: 60vh;
+
   &:first-child {
     @apply mt-0;
   }
@@ -91,7 +92,7 @@
 
   &__background {
     @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full;
-    z-index: -1;
+    z-index: 0;
     width: calc(100% - 30px);
 
     &--right {

resources/css/blocks/cta.css

@@ -0,0 +1,3 @@
+.wp-block-carhop-blocks-cta {
+  @apply internal-link-with-icon;
+}

resources/css/blocks/revues-precedentes.css

@@ -1,5 +1,5 @@
 .block-revues-precedentes {
-  @apply bg-carhop-blue-50 py-32;
+  @apply bg-carhop-blue-50 py-28;
   .block-revues-precedentes__header {
   }
   .swiper-controls,
@@ -16,9 +16,6 @@
     #discover-all-revues {
       @apply internal-link-with-icon;
       @apply font-bold  text-xl;
-      /* &:after {
-        @apply content-[''] absolute inset-0 bg-primary w-full h-full;
-      } */
     }
   }
 
@@ -39,7 +36,7 @@
   }
 
   &__slider-content {
-    @apply py-16 pt-8 md:pt-16 2xl:pt-32;
+    @apply py-16 pt-8 md:pt-16 2xl:pt-32 pb-0;
   }
 
   .card-revue {

resources/css/editor-style.css

@@ -26,3 +26,13 @@ body {
 .acf-block-fields {
   @apply max-w-screen-md mx-auto;
 }
+
+.wp-block-carhop-blocks-cta {
+  &.is-selected::after {
+    @apply !static;
+  }
+}
+
+.deligraph-blocks-chapter-section {
+  @apply !px-0;
+}