Challenge 3.f done

buttons_challenge.html

@@ -1,6 +1,11 @@
 <style>
     a {
         color: rgb(0, 113, 113);
+        transition: color 0.15s;
+    }
+
+    a:hover {
+        color: rgb(204, 51, 0);
     }
 
     .product {
@@ -20,6 +25,15 @@
         height: 32px;
         width: 105px;
         border-radius: 16px;
+        transition: background-color 0.15s
+    }
+
+    .add-2-cart:hover {
+        background-color: rgb(245, 206, 10)
+    }
+
+    .add-2-cart:active {
+        opacity: 0.8
     }
 
     .buy-now {
@@ -28,6 +42,15 @@
         height: 32px;
         width: 105px;
         border-radius: 16px;
+        transition: background-color 0.15s;
+    }
+
+    .buy-now:hover {
+        background-color: rgb(245, 154, 18);
+    }
+
+    .buy-now:active {
+        opacity: 0.8;
     }
 </style>
 <a href="https://amazon.com/"> Back to Amazon </a>