/* Gaya untuk versi desktop */
@media (min-width: 769px) {
    #downloadButton {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        background-color: #4abd0d !important;
    }
    
    .download-icon {
        max-width: 20px;
        height: auto;
        margin-right: 5px;
    }
}

/* Gaya untuk versi ponsel */
@media (max-width: 768px) {
    #downloadButton {
        display: block;
        margin: 0 auto;
        width: fit-content;
        max-width: 100%; /* Maksimum lebar tombol sebesar kontainer */
        background-color: #4abd0d !important;
    }
    
    .download-icon {
        max-width: 30px;
        height: auto;
        margin-right: 5px;
    }
}

.close-button {
    position: relative;
    left: -50px; /* Sesuaikan jarak ke kiri sesuai kebutuhan Anda */
    outline: none;
}

.iframe-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 500%; /* Menyesuaikan rasio aspek video (misalnya 16:9) */
    overflow: hidden;
    border-radius: 8px; /* Membuat sudut iframe menjadi melengkung */
}

.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Menghapus border iframe */
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); /* Efek bayangan pada iframe */
    border-radius: 8px; /* Membuat sudut iframe menjadi melengkung */
}