diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 0cdb239..f74a71e 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -53,7 +53,13 @@
   padding: 14px;
   width: 100%; /* Full width on small screens */
 }
-
+.btn-hover {
+  transition: transform 0.22s;
+}
+.btn-hover:hover {
+  transform: scale(1.1, 1.1);
+  filter: invert(0.1);
+}
 /* Responsive Design */
 @media (min-width: 601px) {
   .body-search {
diff --git a/src/index.html b/src/index.html
index 3214cf1..936c02d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -46,10 +46,10 @@ <h1>
             >Search Portal</a
           >
         </h1>
-        <button class="expand-menu">Menu</button>
+        <button class="expand-menu btn-hover">Menu</button>
         <nav class="ancilliary-menu">
           <ul>
-            <li>
+            <li class="btn-hover">
               <a
                 class="donate icon-attach fa-heart"
                 href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&c_src2=top-of-page-banner"
@@ -57,7 +57,7 @@ <h1>
                 >Donate</a
               >
             </li>
-            <li><button class="explore">Explore CC</button></li>
+            <li><button class="explore btn-hover">Explore CC</button></li>
           </ul>
         </nav>
       </div>
@@ -156,7 +156,7 @@ <h3>Find content you can share, use, and remix.</h3>
               name="query"
               value=""
               placeholder="Enter your search query" />
-            <button class="search-button">Search</button>
+            <button class="search-button btn-hover">Search</button>
           </div>
           <div
             class="search-checkbox"
@@ -564,7 +564,7 @@ <h2>Subscribe to our Newsletter</h2>
             type="submit"
             value="subscribe"
             id="mc-embedded-subscribe"
-            class="button small" />
+            class="button small btn-hover" />
         </form>
       </div>
 
@@ -572,7 +572,7 @@ <h2>Subscribe to our Newsletter</h2>
         <h2>Support Our Work</h2>
         <p>Our work relies on you! Help us keep the Internet free and open.</p>
         <a
-          class="donate icon-attach cc-heart-filled"
+          class="donate icon-attach cc-heart-filled btn-hover"
           href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&c_src2=top-of-page-banner"
           target="_blank"
           >Donate Now</a
