From 9cffc41e100f4aebce137c3eda507aa6af7ece3f Mon Sep 17 00:00:00 2001
From: Bhavy_Zala <zalabhavy2004@gmail.com>
Date: Sun, 16 Jun 2024 14:54:03 +0530
Subject: [PATCH] Enter Button Style Added

---
 src/App.css | 18 +++++++++++++++++-
 src/App.jsx | 12 ++++++------
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/App.css b/src/App.css
index e244401..559bf97 100644
--- a/src/App.css
+++ b/src/App.css
@@ -53,4 +53,20 @@ input[type=number]::-webkit-outer-spin-button {
 
 .info-button-container:hover .info-box {
   display: block;
-}
\ No newline at end of file
+}
+/* Button styles */
+.button-custom 
+{
+  padding: 0.5rem 1rem;
+  color: white;
+  background-color: #4299e1; 
+  border-radius: 0.375rem;
+  transition: all 0.3s ease-in-out;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.button-custom:hover {
+  background-color: #2b6cb0;
+  transform: scale(1.05);
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
+}
diff --git a/src/App.jsx b/src/App.jsx
index 9f3bdc2..bdf609d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -77,12 +77,12 @@ function App() {
         </div>
 
         <div className="col-auto">
-          <button
-            onClick={handleKey}
-            className="px-4 py-2 text-white bg-blue-500 hover:bg-blue-700 rounded"
-          >
-            Enter
-          </button>
+           <button
+           onClick={handleKey}
+           className="button-custom"
+           >
+               Enter
+           </button>
         </div>
       </div>