fx

public/css/styles.css

@@ -399,8 +399,6 @@ h1, h2, h3, h4, h5, h6 {
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 .header__btn--secondary {
-  border: 1px solid var(--accent-color);
-  background: var(--accent-color);
   color: #fff;
 }
 .header__btn--secondary:hover {
@@ -547,7 +545,7 @@ h1, h2, h3, h4, h5, h6 {
   font-style: normal;
   font-weight: 400;
   line-height: 20px; /* 142.857% */
-  color: var(--body-bg-color);
+  color: #fff;
 }
 @media (max-width: 768px) {
   .footer__text {
@@ -824,7 +822,7 @@ h1, h2, h3, h4, h5, h6 {
   aspect-ratio: 1/1;
   font-weight: 600;
   background-color: var(--accent-color);
-  color: var(--body-bg-color);
+  color: #fff;
   flex-shrink: 0;
   border-radius: 50%;
 }
@@ -1039,7 +1037,7 @@ h1, h2, h3, h4, h5, h6 {
   position: absolute;
   bottom: 12px;
   right: 12px;
-  color: var(--text-color);
+  color: #fff;
   font-size: 12px;
   font-style: normal;
   font-weight: 700;

resources/sass/components/_faq.scss

@@ -87,7 +87,7 @@
         aspect-ratio: 1/1;
         font-weight: 600;
         background-color: var(--accent-color);
-        color: var(--body-bg-color);
+        color: #fff;
         flex-shrink: 0;
         border-radius:50%;
         @include mobile{

resources/sass/components/_slot-item.scss

@@ -63,7 +63,7 @@
 		position:absolute;
 		bottom:12px;
 		right:12px;
-		color: var(--text-color);
+		color: #fff;
 		font-size: 12px;
 		font-style: normal;
 		font-weight: 700;

resources/sass/layout/_footer.scss

@@ -26,7 +26,7 @@
         font-style: normal;
         font-weight: 400;
         line-height: 20px; /* 142.857% */
-        color:var(--body-bg-color);
+        color: #fff;
         @include mobile{
             font-size:12px;
             line-height: 18px;

resources/sass/layout/_header.scss

@@ -99,8 +99,8 @@
         }
 
         &--secondary {
-            border: 1px solid var(--accent-color);
-            background: var(--accent-color);
+            // border: 1px solid var(--accent-color);
+            // background: var(--accent-color);
             color: #fff;
             &:hover {
                 transform: translateY(-1px);

resources/view/home.php

@@ -12,10 +12,8 @@ ob_start();
     </section>
 <?php endif; ?>
 
-
 <?php print_arr($containts); ?>
 
-
 <div class="section-wrapper container">
     <!-- Table of Contents -->
     <?php if (!empty($containts)): ?>
@@ -51,7 +49,7 @@ ob_start();
     <section class="section text">
         <?= $topContent ?>
         <div class="btn-wrapper">
-            <button class="btn btn--accent">Click Here to Learn More</button>
+            <button class="btn btn--accent redirect-js">Click Here to Learn More</button>
         </div>
     </section>
     <section class="section">
@@ -82,7 +80,7 @@ ob_start();
     <section class="section text">
         <?=  $pageContent  ?>
         <div class="btn-wrapper">
-            <button class="btn btn--accent">Get Started Now</button>
+            <button class="btn btn--accent redirect-js">Get Started Now</button>
         </div>
     </section>