diff --git a/css/index.css b/css/index.css
index df9f503..5c720c3 100644
--- a/css/index.css
+++ b/css/index.css
@@ -120,7 +120,7 @@ img[src*="#tft_img"] {
 }
 
 button:hover :is(:where(a)) {
-  color: #c6f8ff;
+  color: #cd8c4c;
 }
 
 button :is(:where(p)) {
@@ -166,20 +166,20 @@ header .freeflow div, #info-menu div, #info-mobile-menu div {
 }
 
 button {
-  background-color: #1a1a1a;
+  background-color: #106c6a;
   border-radius: 20px;
   border: 2px solid white;
   box-shadow: none;
   font-size: 20px;
 }
 
-button {
-    background-color: #1a1a1a;
+/* button {
+    background-color: #106c6a;
     border-radius: 10px;
     border: none;
     box-shadow: none;
     font-size: 20px;
-  }
+  } */
 
 button a {
   color: white;
@@ -200,6 +200,10 @@ header {
   box-shadow: none !important;
 }
 
+.nav_btn:hover{
+  color: #cd8c4c;
+}
+
 .quicklinks {
   box-sizing: border-box;
   -webkit-align-items: center;
@@ -306,7 +310,7 @@ header {
 }
 
 a:hover{
-  color: #5e5b59;
+  color: #cd8c4c;
 }
 
 .banner:hover {
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 053dcf8..969490c 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -46,7 +46,7 @@
                         {% if subsection == "footer/_index.md" %} {% continue %} {% endif %}                        
                         {% set button_id = subsection ~ "-menu-btn" | slugify %}
                         <div class="relative">
-                        <button type="button" id="{{button_id}}" class="nav_btn text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
+                        <button type="button" id="{{button_id}}" class="nav_btn text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 focus:outline-none transition ease-in-out duration-150">
                             <span>{{ subsection }}</span>
                             <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
                         </button>
diff --git a/templates/partials/header_custom.html b/templates/partials/header_custom.html
index e5e7a34..9b5e419 100644
--- a/templates/partials/header_custom.html
+++ b/templates/partials/header_custom.html
@@ -45,7 +45,7 @@
     {% else %}
         <div class="relative">
             {% set button_id = header_label ~ "-menu-btn" | slugify %}
-        <button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-blue-300 focus:outline-none transition ease-in-out duration-150">
+        <button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 focus:outline-none transition ease-in-out duration-150">
             <span>{{ header_label }}</span>
             <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
         </button>