Update style.css

style.css

@@ -35,7 +35,7 @@ header h1 {
   font-weight: bold;
 }
 
-input, select {
+input {
   padding: 12px;
   margin: 10px 0;
   width: 100%;
@@ -46,40 +46,46 @@ input, select {
   transition: border-color 0.3s;
 }
 
-input:focus, select:focus {
+input:focus {
   border-color: #1E90FF;
   outline: none;
 }
 
 .currency-selectors {
   display: flex;
-  justify-content: space-between;
   align-items: center;
   gap: 10px;
   margin: 15px 0;
 }
 
-.selector-group {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
 #swapButton {
   background-color: #1E90FF;
   color: white;
   border: none;
   border-radius: 50%;
   padding: 10px;
-  cursor: pointer;
   font-size: 16px;
+  cursor: pointer;
 }
 
 #swapButton:hover {
   background-color: #104E8B;
 }
 
-button {
+select {
+  padding: 12px;
+  font-size: 16px;
+  border-radius: 8px;
+  border: 1px solid #ccc;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
+}
+
+select:focus {
+  border-color: #1E90FF;
+  outline: none;
+}
+
+button[type="submit"] {
   padding: 12px;
   background-color: #1E90FF;
   color: white;
@@ -90,7 +96,7 @@ button {
   transition: background-color 0.3s ease;
 }
 
-button:hover {
+button[type="submit"]:hover {
   background-color: #104E8B;
 }