STYLE Refining form aspect

resources/css/blocks/content-box.css

@@ -20,6 +20,12 @@
 
   &--bg-dark {
     --content-box-text-color: #fff;
+
+    a[target='_blank'] {
+      &:after {
+        background-image: url('../resources/img/carhop-fleche-lien-externe-full--white.svg');
+      }
+    }
   }
 
   &__innerblocks {

resources/css/forms/form_contributions.css

@@ -1,3 +1,9 @@
 .contribution-conditions {
-  margin-top: -50px;
+  margin-top: -20px !important;
+  margin-bottom: 30px !important;
+
+  .gfield_description {
+    @apply !text-xl !font-light;
+    @apply max-w-3xl pb-4;
+  }
 }

resources/css/forms/forms.css

@@ -9,11 +9,16 @@
 body.front-end {
   .gform-theme--api,
   .gform-theme--framework {
+    --gf-ctrl-desc-font-size: 1.1rem;
+    --gf-ctrl-desc-font-weight: 200;
+    --gf-ctrl-desc-color: rgba(255, 255, 255, 0.9);
+    --gf-ctrl-desc-color-focus: rgba(255, 255, 255, 0.9);
+    --gf-ctrl-desc-color-hover: rgba(255, 255, 255, 0.9);
+
     input[type='submit'] {
       --gf-ctrl-btn-bg-color-primary: transparent;
       --gf-ctrl-btn-bg-color-primary-focus: white;
       --gf-ctrl-btn-bg-color-primary-hover: white;
-
       --gf-ctrl-btn-border-color-primary: white;
 
       --gf-ctrl-btn-bg-color-primary-active: var(--wp--preset--color--carhop-green);
@@ -68,9 +73,9 @@ body.front-end {
     }
 
     .gfield_description {
-      --gf-ctrl-desc-color: white;
+      /* --gf-ctrl-desc-color: white;
       --gf-ctrl-desc-color-focus: white;
-      --gf-ctrl-desc-color-hover: white;
+      --gf-ctrl-desc-color-hover: white; */
     }
     p {
       @apply !pb-0;

resources/css/layout/gutenberg.css

@@ -45,6 +45,10 @@ article > *:not(.entry-content),
 }
 
 .site-content {
+  a {
+    @apply underline underline-offset-4;
+    text-decoration-thickness: 1px;
+  }
   p,
   li {
     strong {

resources/img/carhop-fleche-lien-externe-full--white.svg

@@ -0,0 +1,12 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="15" cy="15" r="15" fill="white"/>
+<g clip-path="url(#clip0_29_1368)">
+<path d="M20.3663 9.65656L10.0381 21.0939" stroke="#136F63" stroke-width="2"/>
+<path d="M20.3668 22V9.65656H9" stroke="#136F63" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_29_1368">
+<rect width="12" height="13" fill="#136F63" transform="translate(9 9)"/>
+</clipPath>
+</defs>
+</svg>