Update style.css
Browse files
style.css
CHANGED
@@ -57,15 +57,15 @@ input:focus, select:focus {
|
|
57 |
/* Swap Button */
|
58 |
.swap-group {
|
59 |
text-align: center;
|
60 |
-
margin:
|
61 |
}
|
62 |
|
63 |
#swapButton {
|
64 |
background-color: #87CEFA; /* Biru Langit */
|
65 |
border: none;
|
66 |
-
border-radius: 50%;
|
67 |
padding: 15px;
|
68 |
-
font-size:
|
69 |
color: white;
|
70 |
cursor: pointer;
|
71 |
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
|
@@ -90,6 +90,7 @@ input:focus, select:focus {
|
|
90 |
width: 100%;
|
91 |
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
|
92 |
transition: background-color 0.3s ease, transform 0.2s ease;
|
|
|
93 |
}
|
94 |
|
95 |
.convert-button:hover {
|
|
|
57 |
/* Swap Button */
|
58 |
.swap-group {
|
59 |
text-align: center;
|
60 |
+
margin: 20px 0; /* Menambahkan ruang lebih */
|
61 |
}
|
62 |
|
63 |
#swapButton {
|
64 |
background-color: #87CEFA; /* Biru Langit */
|
65 |
border: none;
|
66 |
+
border-radius: 50%; /* Tombol lingkaran */
|
67 |
padding: 15px;
|
68 |
+
font-size: 24px;
|
69 |
color: white;
|
70 |
cursor: pointer;
|
71 |
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
|
|
|
90 |
width: 100%;
|
91 |
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
|
92 |
transition: background-color 0.3s ease, transform 0.2s ease;
|
93 |
+
margin-top: 15px; /* Jarak dengan hasil konversi */
|
94 |
}
|
95 |
|
96 |
.convert-button:hover {
|