Update style.css

style.css

@@ -48,7 +48,7 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 400px;
+    max-width: 600px; /* Lebar kontainer diperpanjang */
     margin: 0 auto;
     padding: 20px;
     border-radius: 12px;
@@ -83,17 +83,18 @@ body {
 }
 
 #swap-btn {
-    background-color: #006400;
+    background-color: #004d00; /* Dark Green */
     color: white;
     cursor: pointer;
     padding: 12px 20px;
     border-radius: 8px;
     border: none;
     margin: 0 10px;
+    transition: background-color 0.3s;
 }
 
 #swap-btn:hover {
-    background-color: #004d00;
+    background-color: #006400;
 }
 
 #convert-btn {