Update GoToTopButton.css

JiyaGupta-cs · Feb 22, 2024 · 97c32d2 · 97c32d2
1 parent 9569aec
commit 97c32d2
Showing 1 changed file with 24 additions and 24 deletions.
diff --git a/src/GoToTopButton.css b/src/GoToTopButton.css
@@ -1,25 +1,25 @@
 .go-to-top-page {
-    position: fixed;
-    bottom: 20px;
-    right: 30px;
-    background-color: #f7e301;
-    color: #1b1a1a;
-    padding: 12px;
-    border: none;
-    border-radius: 50%;
-    cursor: pointer;
-    height: 55px;
-    width: 55px;
-    font-size: 24px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    transition: background-color 0.3s, transform 0.3s;
-  }
-  
-  .go-to-top-page:hover {
-    background-color: #212932;
-    transform: scale(1.1);
-  }
-  
-  .go-to-top-page:active {
-    transform: scale(0.9);
-  }
+  position: fixed;
+  bottom: 20px;
+  right: 30px;
+  background-color: #3685fb; /* Use specific color code for the background */
+  color: #0d213f; /* Use specific color code for the text */
+  padding: 12px;
+  border: none;
+  border-radius: 50%;
+  cursor: pointer; /* Add cursor pointer property */
+  height: 55px;
+  width: 55px;
+  font-size: 24px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: background-color 0.3s, transform 0.3s;
+}
+
+.go-to-top-page:hover {
+  background-color: #2f73d9; /* Use specific color code for the background on hover */
+  transform: scale(1.1);
+}
+
+.go-to-top-page:active {
+  transform: scale(0.9);
+}