Feat: ajustements UI white-paper, home, portfolio + icône download

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/views/Home.svelte

@@ -78,18 +78,14 @@
     <h2 class="font-face-danzza-light home-subtitle">
       {data.hero.subtitle}
     </h2>
-    <div
-      class="clickable button home-cta"
+    <button
+      class="button with-icon earth-icon home-cta"
       onclick={handleExplore}
       onkeypress={(e) => e.key === 'Enter' && handleExplore()}
-      role="button"
       tabindex="0"
     >
-      <div class="earth-icon clickable-filter-black"></div>
-      <p class="home-cta-text clickable">
         {data.hero.ctaText}
-      </p>
-    </div>
+    </button>
   </div>
 </div>
 

src/views/Portfolio.svelte

@@ -129,7 +129,7 @@
       </div>
       <div class="portfolio-links">
         {#each currentProject.externalLinks as link}
-          <a href={link.url} target="_blank" rel="noopener noreferrer" class="button earth-icon">{link.label}</a>
+          <a href={link.url} target="_blank" rel="noopener noreferrer" class="button with-icon earth-icon">{link.label}</a>
         {/each}
       </div>
     </div>

src/views/WhitePaper.svelte

@@ -107,11 +107,7 @@
           <p class="status status--error">{t('wp_error')}</p>
         {/if}
 
-        <button type="submit" class="submit button" disabled={submitting || !isDownloadable}>
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-            <path d="M12 16L7 11H10V4H14V11H17L12 16Z" fill="currentColor"/>
-            <path d="M5 20H19V18H5V20Z" fill="currentColor"/>
-          </svg>
+        <button type="submit" class="submit button download-icon" disabled={submitting || !isDownloadable}>
           {t('wp_download')}
         </button>
       </form>
@@ -124,11 +120,11 @@
     color: var(--color-text);
     padding: 8rem 5rem;
     display: flex;
-    column-gap: 5rem;
+    justify-content: space-between;
   }
 
   .catch-area {
-    width: min(100%, 45vw);
+    width: 45vw;
   }
 
   .label {
@@ -184,7 +180,7 @@
   /* ── Form area: desktop — right column ── */
   .form-area {
     margin-top: 2rem;
-    width: min(100%, 30vw);
+    width: 30vw;
     display: flex;
     align-items: flex-start;
     justify-content: center;
@@ -311,30 +307,32 @@
   /* ── Mobile ── */
   @media (max-width: 700px) {
     .white-paper {
-      display: flex;
-      flex-direction: column;
+      display: block;
       height: 100vh;
       overflow: hidden;
-      padding: 6vh 1.25rem 0;
+      padding: 6rem 0;
       position: relative;
     }
 
+    .catch-area {
+      width: auto;
+    }
+
     .label {
       font-size: var(--font-size-paragraph-small);
       text-align: center;
       margin-bottom: 1rem;
     }
 
+    .title {
+      font-size: var(--font-size-title-section);
+    }
+    
     .text {
       flex: 1;
       align-items: center;
       text-align: center;
       gap: 1rem;
-      overflow: hidden;
-    }
-
-    .title {
-      font-size: clamp(2rem, 10vw, 3.5rem);
     }
 
     .description {

src/views/WhitePapers.svelte

@@ -173,7 +173,7 @@
 
   @media (max-width: 700px) {
     .white-papers {
-      padding: 0 1.25rem;
+      padding: 0 2rem;
     }
   }
 </style>