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 {
|