.card {
    margin-top: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.card-header {
    background-color: #007bff;
    color: white;
    font-weight: bold;
}
.btn-block {
    margin-top: 15px;
}

/* Untuk kontainer tombol agar bisa mengatur tata letak */
.jumbotron .btn-container {
    display: flex; /* Menggunakan Flexbox untuk menyejajarkan item secara horizontal */
    flex-wrap: wrap; /* Memungkinkan item untuk pecah baris (wrap) jika ruang tidak cukup */
    gap: 10px; /* Memberikan jarak antar tombol (sekitar 15px) */
    justify-content: flex-start; 
}

/* Penyesuaian untuk tombol-tombol agar ukurannya pas dan responsif */
.jumbotron .btn-lg {
    flex-grow: 0; /* Memungkinkan tombol untuk sedikit 'tumbuh' mengisi ruang */
    max-width: 50%; /* Memastikan tombol tidak melebihi lebar kontainer induk */
    width: auto;
}

/* Media Query untuk layar kecil (mobile) */
@media (max-width: 767px) { /* Ukuran standar Bootstrap untuk breakpoint 'small' */
    .jumbotron .btn-container {
        flex-direction: column; /* Mengubah arah flex menjadi kolom (vertikal) di layar kecil */
        align-items: stretch; /* Membuat tombol meregang penuh lebar kontainer di layar kecil */
        margin-top: 10px; /* Memberikan jarak atas untuk tombol */
        margin-bottom: 10px;
        margin-left: 0px;
    }
}