diff --git a/index.html b/index.html
index 0509242f..d828c7df 100644
--- a/index.html
+++ b/index.html
@@ -829,11 +829,11 @@ <h3 class="title-lg card-title">
       <section class="cta" aria-labelledby="cta-label">
         <div class="container">
 
-          <h2 class="headline-md section-title" id="cta-label" data-aos="zoom-in">
+          <h2 class="" id="cta-label" data-aos="zoom-in">
             Education Is About Creating Leaders For Tomorrow
           </h2>
 
-          <a href="signin.html" class="btn btn-tertiary" data-aos="fade-left">Register Today</a>
+          <a href="signin.html" class="cta-btn" data-aos="fade-left">Register Today</a>
 
         </div>
       </section>
diff --git a/style.css b/style.css
index 8d8586c4..9fadca70 100644
--- a/style.css
+++ b/style.css
@@ -190,3 +190,22 @@
   top: 20px;
   
 }
+
+.cta-btn{
+  width: 40%;
+  background-color: #fff;
+  border-radius: 20px;
+  padding: 10px;
+  font-size: 20px;
+  text-align: center; 
+  font-weight: bold;
+  
+}
+
+#cta-label {
+  font-weight: bold;  /* Makes the text bold */
+  color: #fff;        /* Sets the text color to white */
+  margin-bottom: 10px;
+  font-size: 36px;
+  width: 50%;
+}
\ No newline at end of file