less gaps

assets/css/hero.css

@@ -93,7 +93,7 @@
   align-items: center;
   text-align: center;
   width: 70%;
-  gap: 4rem; /* Space between items */
+  gap: 2rem; /* Space between items */
   margin-bottom: 4rem;
 }
 
@@ -110,12 +110,12 @@
   flex: 1;
   text-align: left;
   padding: 20px;
-  font-size: 1.2rem;
+  font-size: 1.75rem;
   color: #333;
 }
 
 .bloc-text h3 {
-  font-size: 1.8rem;
+  font-size: 2.1rem;
   color: #E72E77;
   margin-bottom: 1rem;
 }
@@ -170,8 +170,8 @@
 }
 
 .hero-button-end a:hover {
-  background-color: #F9B208;
-  color: #333;
+  background-color: linear-gradient(to bottom right, #F9B208, #E72E77);
+  color: white;
 }
 
 /* Responsive layout for larger screens */