Merge pull request #902 from Aanyaa26/main

Added hover effect to buttons and matched button colors

Author: PriyaGhosal

style.css

@@ -296,3 +296,40 @@
 .content {
   padding: 2rem;
 }
+/* Style for E-book button */
+.E-book-button {
+  display: inline-block;
+  padding: 10px 20px;
+  color: #fff;
+  background-color: #ff6f91; /* Precise pink color */
+  text-decoration: none;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.E-book-button a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.E-book-button:hover {
+  background-color: #e91e63; /* Darker pink for hover */
+  color: #fff;
+}
+
+/* Style for Feedback button */
+#feedbackButton {
+  display: inline-block;
+  padding: 10px 20px;
+  color: #fff;
+  background-color: #ff6f91; /* Matching pink color */
+  border-radius: 5px;
+  cursor: pointer;
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+#feedbackButton:hover {
+  background-color: #e91e63; /* Darker pink for hover */
+  color: #fff;
+}