diff --git a/components/Heros.css b/components/Heros.css
index 8ff0728..36d2062 100644
--- a/components/Heros.css
+++ b/components/Heros.css
@@ -24,12 +24,14 @@
 }
 
 .components__heros__cta {
+	text-decoration: none;
 	background-color: var(--_accent-color);
 	color: var(--sand-0);
 	width: fit-content;
 	height: fit-content;
 	padding: 1rem 2rem;
 	font-size: 150%;
+	font-family: var(--_font-family-accent);
 	border: var(--_border-size) solid var(--_accent-color);
 	transition: all var(--_transition-delay) ease;
 }
diff --git a/components/Heros.tsx b/components/Heros.tsx
index d972323..dc3e4c7 100644
--- a/components/Heros.tsx
+++ b/components/Heros.tsx
@@ -9,7 +9,7 @@ export function Heros() {
 				projet, rencontrer des passionnés apprendre et développer votre savoir
 				faire, dans l'entraide et le partage.
 			</p>
-			<button class='components__heros__cta'>Participer</button>
+			<a class='components__heros__cta' href='#first-section'>Participer</a>
 		</section>
 	)
 }