a.button-link {
    display: inline-block; /* Membuat tautan berperilaku seperti tombol */
    padding: 10px 20px; /* Padding untuk ukuran tombol */
    font-size: 16px; /* Ukuran font */
    font-weight: bold; /* Tebal font */
    color: white; /* Warna teks */
    background-color: #000000; /* Warna latar belakang tombol (biru) */
    border: none; /* Menghilangkan border */
    border-radius: 5px; /* Sudut melengkung */
    text-align: center; /* Teks di tengah */
    text-decoration: none; /* Menghilangkan garis bawah */
    cursor: pointer; /* Mengubah kursor menjadi pointer */
    transition: background-color 0.3s ease; /* Transisi saat hover */
}

/* Gaya saat hover */
a.button-link:hover {
    background-color: #0056b3; /* Warna latar belakang saat hover */
}

/* Gaya saat tombol aktif (diklik) */
a.button-link:active {
    background-color: #004080; /* Warna latar belakang saat aktif */
}

/* Gaya tambahan untuk tombol dengan warna berbeda */
a.button-link.secondary {
    background-color: #6c757d; /* Warna abu-abu */
}

a.button-link.secondary:hover {
    background-color: #5a6268; /* Warna abu-abu lebih gelap saat hover */
}

a.button-link.secondary:active {
    background-color: #4e555b; /* Warna abu-abu lebih gelap saat aktif */
}

footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    margin-top: 40px;
    border-top: 1px solid #e9ecef;
}
footer .col {
    text-align: center;
}
footer a {
    display: block;
    padding: 8px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
}
footer a:hover {
    color: #007bff;
    text-decoration: underline;
}
/* body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: Arial, sans-serif;
} */
.panduan {
    margin-top: 2rem;
    text-align: center;
    max-width: 600px;
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff;
}
.panduan h1 {
    margin-bottom: 20px;
    color: rgb(0, 0, 0);
}
.panduan p {
    text-align: left;
    line-height: 1.6;
    color: rgb(0, 0, 0);
}

.panduan2{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-family: Arial, sans-serif;
}
.button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.button a{
    display: inline-block;
    /* Membuat tautan berperilaku seperti tombol */
    padding: 10px 20px;
    /* Padding untuk ukuran tombol */
    font-size: 16px;
    /* Ukuran font */
    font-weight: bold;
    /* Tebal font */
    color: white;
    /* Warna teks */
    background-color: #000000;
    /* Warna latar belakang tombol (biru) */
    border: none;
    /* Menghilangkan border */
    border-radius: 5px;
    /* Sudut melengkung */
    text-align: center;
    /* Teks di tengah */
    text-decoration: none;
    /* Menghilangkan garis bawah */
    cursor: pointer;
    /* Mengubah kursor menjadi pointer */
    transition: background-color 0.3s ease;
    /* Transisi saat hover */
    text-decoration: none;

}