Change colors to red

css/main.css

@@ -9,15 +9,6 @@
   flex-grow: 1;
 }
 
-.charte-modal {
-  color: #07892f;
-  transition: color 0.3s ease;
-}
-
-.charte-modal:hover {
-  color: #46b10d;
-}
-
 .footer {
   padding: 1rem;
   position: fixed;
@@ -34,13 +25,13 @@
   font-size: 0.8rem;
 }
 
-.orientation-modal {
+.orientation-modal, .charte-modal {
   color: #da131a;
   transition: color 0.3s ease;
 }
 
-.orientation-modal:hover {
-  color: #880005;
+.orientation-modal:hover, .charte-modal:hover {
+  color: rgb(255, 20, 28);
 }
 
 strong {

index.html

@@ -420,12 +420,12 @@
           </p>
         </section>
         <footer class="flex modal-card-foot is-justify-content-space-between has-background-dark has-text-light">
-          <button class="button">Fermer</button>
+          <button class="button is-danger is-light">Fermer</button>
           <div>
             <span class="icon">
               <ion-icon name="document"></ion-icon>
             </span>
-            <a class="has-text-success" href="./assets/charte-du-gong-1963.pdf" download>Voir l'original</a>
+            <a class="has-text-danger-light" href="./assets/charte-du-gong-1963.pdf" download>Voir l'original</a>
           </div>
         </footer>
       </div>
@@ -809,12 +809,12 @@
           </p>
         </section>
         <footer class="flex modal-card-foot is-justify-content-space-between has-background-dark has-text-light">
-          <button class="button">Fermer</button>
+          <button class="button is-danger is-light">Fermer</button>
           <div>
             <span class="icon">
               <ion-icon name="document"></ion-icon>
             </span>
-            <a class="has-text-success" href="./assets/orientation-et-strategie-de-la-lutte-revolutionnaire-du-peuple-guadeloupeen-1963.pdf" download>Voir l'original</a>
+            <a class="has-text-danger-light" href="./assets/orientation-et-strategie-de-la-lutte-revolutionnaire-du-peuple-guadeloupeen-1963.pdf" download>Voir l'original</a>
           </div>
         </footer>
       </div>