diff --git a/Landing/landing.css b/Landing/landing.css
index 5de0d5a..c7ede61 100644
--- a/Landing/landing.css
+++ b/Landing/landing.css
@@ -68,7 +68,7 @@ header {
     color: var(--primary-color);
 }
 
-.cta-button {
+.call-to-action-button {
     background-color: var(--primary-color);
     color: var(--white);
     padding: 10px 20px;
@@ -77,7 +77,7 @@ header {
     transition: var(--transition);
 }
 
-.cta-button:hover {
+.call-to-action-button:hover {
     background-color: #3a5199;
     transform: translateY(-2px);
 }
@@ -224,19 +224,19 @@ header {
 }
 
 /* Call to Action */
-.cta {
+.call-to-action{
     background-color: var(--primary-color);
     color: var(--white);
     text-align: center;
     padding: 60px 5%;
 }
 
-.cta h2 {
+.call-to-action h2 {
     font-size: 2rem;
     margin-bottom: 20px;
 }
 
-.cta p {
+.call-to-action p {
     margin-bottom: 30px;
     font-size: 1.1rem;
     max-width: 600px;
@@ -244,12 +244,12 @@ header {
     margin-right: auto;
 }
 
-.cta .primary-button {
+.call-to-action .primary-button {
     background-color: var(--secondary-color);
     color: var(--dark-color);
 }
 
-.cta .primary-button:hover {
+.call-to-action .primary-button:hover {
     background-color: #e5a82a;
 }
 
diff --git a/index.html b/index.html
index b143ee4..661c8db 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
                 <li><a href="#contact">Contact</a></li>
             </ul>
         </nav>
-        <a href="/flashcards/flashcards.html" class="cta-button">Start Learning</a>
+        <a href="/flashcards/flashcards.html" class="call-to-action-button">Start Learning</a>
     </header>
 
     <!-- Hero Section -->
@@ -73,7 +73,7 @@ <h2>About Kinyarwanda Flashcards</h2>
     </section>
 
     <!-- Call to Action -->
-    <section class="cta">
+    <section class="call-to-action">
         <h2>Ready to Start Learning Kinyarwanda?</h2>
         <p>Join thousands of learners discovering the beauty of this East African language.</p>
         <a href="/flashcards/flashcards.html" class="primary-button">Start Learning for Free</a>