Add btn style

css/index.css

@@ -81,8 +81,18 @@ img[src*="#large"] {
   li li {
     @apply text-sm lg:text-sm font-light;
   }
-  button a {
+  button {
-    @apply inline-block lg:text-lg hover:bg-gray-400 px-12 py-1 mr-5 my-10 border-2 shadow border-black capitalize;
+    @apply 
+    inline-block
+    lg:text-lg
+    px-12
+    py-1
+    mr-5
+    my-10
+    border-2
+    shadow
+    border-black
+    capitalize
   }
 }
 
@@ -106,3 +116,10 @@ a {
 header {
   font-family: "Work Sans";
 }
+
+.nav_btn {
+  margin: 0 !important;
+  padding: 0 !important;
+  border: none !important;
+  box-shadow: none !important;
+}

templates/partials/header.html

@@ -126,7 +126,7 @@
     {% else %}
         <div class="relative">
             {% set button_id = header_label ~ "-menu-btn" | slugify %}
-        <button type="button" id="{{button_id}}" class="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 font-normal hover:text-blue-300 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>