patch: updated button animation and look

sprucelabsai · Jul 22, 2024 · 0b9dd94 · 0b9dd94
1 parent 9b01dcf
commit 0b9dd94
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/scss/page-specific/_home.scss b/src/scss/page-specific/_home.scss
@@ -91,14 +91,14 @@
     color: white;
     padding: 10px 20px;
     border-radius: 5px;
-    transition: background-color 0.3s ease;
-
-    &:hover {
-      background-color: #0056b3;
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-      transform: translateY(-4px);
-    }
+    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
   }
+
+  .btn:hover {
+    background-color: #0056b3;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    transform: translateY(-4px);
+  }  
 
   #home-tiles {
     display: grid;