Added hover effect to buttons and matched button colors

PriyaGhosal · Oct 31, 2024 · 15b402c · 15b402c
1 parent 414f19a
commit 15b402c
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/style.css b/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;
+}