Update style.css

style.css

@@ -19,9 +19,9 @@ body {
   background: #ffffff;
   border-radius: 15px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-  padding: 40px;
+  padding: 20px;
   width: 100%;
-  max-width: 400px;
+  max-width: 360px; /* Sesuai ukuran contoh */
 }
 
 header h1 {
@@ -73,12 +73,18 @@ input {
 
 #swapButton {
   background-color: #ffffff;
-  color: #333;
-  border: 1px solid #ccc;
-  border-radius: 50%;
-  padding: 10px;
+  color: #007BFF;
+  border: 2px solid #ccc;
+  border-radius: 50%; /* Bulat sempurna */
+  width: 40px; /* Sesuai contoh */
+  height: 40px; /* Sesuai contoh */
+  display: flex;
+  justify-content: center;
+  align-items: center;
   cursor: pointer;
   font-size: 18px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  transition: background-color 0.3s ease;
 }
 
 #swapButton:hover {