Add class to download button

.gitignore

@@ -12,4 +12,7 @@ Thumbs.db
 # Node modules and output
 node_modules
 dist
-src/_includes/css
+src/_includes/css
+
+# Custom
+_variables_old.scss

src/pages/subpages/download.liquid

@@ -8,5 +8,5 @@ classes: 'download-section'
 <div class="flex-container justify-center">
     <p>You want to print this document ?</p>
     <i>--></i>
-    <button type="button" onclick="window.print()" class="btn icon--right icon-download">Download as PDF</button>
+    <button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Download as PDF</button>
 </div>

src/scss/components/_variables.scss

@@ -10,6 +10,8 @@
   --secondary-light: rgb(var(--forest-200));
   --secondary-dark: rgb(var(--forest-400));
 
+  --bg-gradient: linear-gradient(180deg, rgb(var(--sand-400)) 0%, rgb(var(--sand-400)) 3%, rgb(var(--sand-300)) 20%, rgb(var(--sand-200)) 35%, rgb(var(--forest-200)) 60%, rgb(var(--forest-300)) 75%, rgb(var(--forest-400)) 98%, rgb(var(--forest-400)) 100%);
+
   --background: var(--primary-light);
   --text: var(--dark-1);
   --text-2: var(--dark-2);

src/scss/critical.scss

@@ -16,11 +16,8 @@ html {
   }
 }
 body {
-  /* --start: var(--primary-light);
-  --end: var(--secondary);*/
   background: rgb(var(--sand-400));
-  /*background: linear-gradient(180deg, var(--start) 0%, var(--start) 35%, var(--end) 100%); */
-  background: linear-gradient(180deg, rgb(var(--sand-400)) 0%, rgb(var(--sand-400)) 3%, rgb(var(--sand-300)) 20%, rgb(var(--sand-200)) 35%, rgb(var(--forest-200)) 60%, rgb(var(--forest-300)) 75%, rgb(var(--forest-400)) 98%, rgb(var(--forest-400)) 100%);
+  background: var(--bg-gradient);
 
   header, footer {
     padding: .5rem clamp(.2rem, 3vw, 2rem);  
@@ -341,16 +338,15 @@ i {
     gap: .8rem;
   }
 
-  .btn {
-    color: rgb(var(--forest-200));
-    /* color: var(--secondary-light); */
-  }
-
   p {
-      font-size: 1.4rem;
+    font-size: 1.4rem;
   }
 }
 
+.btn-download {
+  color: rgb(var(--forest-200));
+}
+
 .competences-section {
   margin-left: 4vw;