Feedback page button enhnaced

apu52 · Oct 27, 2024 · adc8592 · adc8592
1 parent f90a00b
commit adc8592
Showing 1 changed file with 25 additions and 2 deletions.
diff --git a/RateUs.html b/RateUs.html
@@ -107,7 +107,7 @@
             border-radius: 5px;
         }
 
-        .submit-button {
+        /* .submit-button {
             margin-top: 10px;
             padding: 10px 20px;
             font-size: 1rem;
@@ -121,7 +121,30 @@
 
         .submit-button:hover {
             background-color: #333;
-        }
+        } */
+        .submit-button {
+    background-color: #007bff;
+    color: white;
+    padding: 10px 20px;
+    border: 2px solid transparent; /* Invisible border initially */
+    border-radius: 5px;
+    font-size: 16px;
+    cursor: pointer;
+    transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.4s ease;
+}
+
+.submit-button:hover {
+    background-color: #0056b3;
+    transform: scale(1.1);
+    box-shadow: 0px 4px 15px rgba(0, 123, 255, 0.4);
+    border-color: #00aaff; /* Border appears on hover */
+}
+
+.submit-button:active {
+    transform: scale(1);
+    box-shadow: none;
+}
+
     </style>
 </head>