Update style.css

style.css

@@ -138,27 +138,23 @@ body {
 
 /* Swap Button */
 #swap-btn {
-    background-color: #004d00;
-    color: white;
+    color: #000; /* Warna hitam untuk simbol swap */
     cursor: pointer;
-    border-radius: 50%;
-    border: none;
-    font-size: 30px; /* Lebih besar untuk web */
+    border-radius: 50%; /* Membuat tombol swap berbentuk bulat */
+    border: 2px solid #000; /* Border hitam untuk tombol */
+    font-size: 30px; /* Ukuran lebih besar untuk tampilan web */
     height: 70px; /* Ukuran lebih besar */
     width: 70px; /* Ukuran lebih besar */
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 30px auto;
-    transition: background-color 0.3s ease, transform 0.3s ease;
-    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Tambahkan bayangan */
     font-weight: bold;
+    transition: transform 0.3s ease; /* Menghapus background dan efek hover */
 }
 
 #swap-btn:hover {
-    background-color: #003300;
-    transform: rotate(180deg);
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Efek bayangan lebih kuat saat hover */
+    transform: rotate(180deg); /* Rotasi saat hover */
 }
 
 /* Mode Mobile */