add informations in footer

src/components/Footer/Footer.jsx

@@ -10,28 +10,25 @@ function Footer(){
     return (
         <footer className={`${styles.footer} ${"glassCard"}`} >
             <div className={styles.footerContent}>
-                <div>
-                    <h2 to="" className={styles.link}>Contact</h2>
+                <div className={styles.footerElement}>
                     {/* TODO: les mettre dans un fichier de configuration */}
                     <p>contact@example.com</p>
                     <p>06 68 98 10 56</p>
                 </div>
 
-                <div>
+                <div className={styles.footerElement}>
                     {/*  TODO : mettre le nom du fichier dans un fichier de configuration aussi ou pas comme tu veux */}
-                    <h2>Documents</h2>
-                    <Button variant={"default"}
+                    <Button variant={"transparent"}
                             onClick={() => window.open("/rgpd.pdf", "_blank")}>
                             Fiche RGPD
                     </Button>
-                    <Button variant={"default"}
+                    <Button variant={"transparent"}
                             onClick={() => window.open("/legalNotices", "_blank")}>
                         Mentions légales
                     </Button>
                     <Link to="" className={styles.link}></Link>
                 </div>
-                <div>
-                    <h2>Liens</h2>
+                <div className={styles.footerElement}>
                     <NavLink to="/">
                         Accueil
                     </NavLink>

src/components/Footer/Footer.module.css

@@ -13,6 +13,10 @@
     gap: 2rem;
 }
 
+.footerElement{
+    display: flex;
+}
+