feat: update button hover effect and add button border

muhammadranju · Aug 23, 2024 · 68a1736 · 68a1736
1 parent ca4accc
commit 68a1736
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -115,7 +115,7 @@
             </div>
 
             <a
-              class="btn rounded-full px-6 bg-primary hover:bg-secondary text-darkColor_1 font-extrabold text-xl md:flex lg:flex hidden"
+              class="btn rounded-full px-6 bg-primary hover:bg-primary border-0 text-darkColor_1 font-extrabold text-xl md:flex lg:flex hidden"
               >Book Consult
 
               <span
@@ -184,7 +184,7 @@
           </p>
 
           <button
-            class="btn rounded-full px-6 bg-secondary hover:bg-secondary border-0 text-darkColor_1 font-extrabold text-xl lg:w-fit w-full"
+            class="btn rounded-full px-6 bg-secondary hover:bg-secondary text-darkColor_1 font-extrabold text-xl lg:w-fit w-full border-[1px] hover:border-primary border-primary"
           >
             View Details
 
@@ -876,7 +876,7 @@ <h1 class="lg:text-6xl text-4xl font-extrabold text-darkColor_1">
               rows="8"
             ></textarea>
             <button
-              class="btn rounded-full px-6 bg-primary lg:mt-5 mt-3 hover:bg-secondary text-darkColor_1 font-bold text-lg md:flex w-full"
+              class="btn rounded-full px-6 bg-primary lg:mt-5 mt-3 border-0 hover:bg-primary text-darkColor_1 font-bold text-lg md:flex w-full"
             >
               Send Mail
 
@@ -932,7 +932,9 @@ <h1 class="lg:text-6xl text-4xl font-extrabold text-darkColor_1">
             <span
               class="bg-slate-900 py-[3px] px-[8px] text-white rounded-full"
             >
-              <i class="fa-solid fa-arrow-right -rotate-45"></i>
+              <i
+                class="fa-solid fa-arrow-right hover:bg-primary -rotate-45"
+              ></i>
             </span>
           </a>
         </div>