Update style.css

style.css

@@ -153,51 +153,17 @@ body {
     transition: transform 0.3s ease; /* Menghapus background dan efek hover */
 }
 
-#swap-btn:hover {
-    transform: rotate(180deg); /* Rotasi saat hover */
-}
-
-/* Mode Mobile */
-@media screen and (max-width: 768px) {
-    .currency-select {
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        gap: 15px;
-    }
-
-    #swap-btn {
-        transform: rotate(90deg); /* Rotasi tombol swap */
-        width: 60px;
-        height: 60px;
-        margin: 0;
-    }
-
-    .currency-group {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-}
-
 /* Mode Web dan Tablet */
 @media screen and (min-width: 769px) {
-    .currency-select {
-        flex-direction: row;
-        align-items: center;
-        gap: 25px;
-    }
-
     #swap-btn {
-        transform: rotate(0deg); /* Pastikan tombol swap tetap horizontal */
-        width: 70px; /* Ukuran lebih besar */
-        height: 70px; /* Ukuran lebih besar */
+        transform: rotate(180deg); /* Rotasi horizontal saat tampilan desktop */
     }
+}
 
-    .currency-group {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+/* Mode Mobile */
+@media screen and (max-width: 768px) {
+    #swap-btn {
+        transform: rotate(0deg); /* Tidak ada rotasi pada tampilan mobile */
     }
 }