Update style.css

style.css

@@ -94,4 +94,45 @@ button:hover {
     margin: 20px;
     padding: 20px;
     border-radius: 8px;
-    display: inline-block;
+    display: inline-block;
+    width: 30%;
+    text-align: left;
+}
+
+.step-box h3 {
+    font-size: 22px;
+    color: #333;
+}
+
+.step-box p {
+    font-size: 16px;
+    color: #666;
+}
+
+/* Responsif - Atur tampilan step-box agar stack secara vertikal pada layar kecil */
+@media (max-width: 768px) {
+    .step-box {
+        width: 100%;
+        margin: 10px 0;
+    }
+}
+
+/* Style untuk Footer */
+.footer {
+    background-color: #4CAF50;
+    padding: 20px;
+    text-align: center;
+    color: white;
+    font-size: 16px;
+    margin-top: 50px;
+}
+
+.footer p {
+    margin: 0;
+}
+
+/* Style untuk tombol convert */
+#convert-btn {
+    display: inline-block;
+    margin-top: 20px;
+}