Update style.css

style.css

@@ -48,7 +48,7 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 800px; /* Perpanjang lebar kontainer */
+    max-width: 1000px; /* Perpanjang lebar kontainer */
     margin: 0 auto;
     padding: 40px;
     border-radius: 12px;
@@ -83,22 +83,24 @@ body {
 }
 
 #swap-btn {
-    background-color: #004d00; /* Dark Green */
+    background-color: #006400; /* Dark Green */
     color: white;
     cursor: pointer;
     padding: 12px 20px;
-    border-radius: 8px;
+    border-radius: 50%; /* Bulat */
     border: none;
-    margin: 0 10px;
     transition: background-color 0.3s;
     font-size: 18px;
     display: flex;
     justify-content: center;
     align-items: center;
+    margin: 0 10px;
+    height: 50px; /* Ukuran Tombol */
+    width: 50px;  /* Ukuran Tombol */
 }
 
 #swap-btn:hover {
-    background-color: #006400;
+    background-color: #004d00;
 }
 
 #convert-btn {
@@ -145,7 +147,7 @@ body {
     background-color: #e0e0e0; /* Gray */
     padding: 20px;
     margin: 10px;
-    width: 220px; /* Memperbesar kotak */
+    width: 300px; /* Memperbesar kotak */
     border-radius: 8px;
     text-align: center;
 }