.elementor-199 .elementor-element.elementor-element-1073e73a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-199 .elementor-element.elementor-element-1d01bb54 > .elementor-widget-container{margin:100px 0px 0px 0px;}.elementor-199 .elementor-element.elementor-element-1d01bb54 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:27px;color:var( --e-global-color-3f665a6 );}.elementor-199 .elementor-element.elementor-element-1ba198d3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-199 .elementor-element.elementor-element-612497c5 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;color:var( --e-global-color-3f665a6 );}.elementor-199 .elementor-element.elementor-element-45ac5735{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-199 .elementor-element.elementor-element-45ac5735 .elementor-share-btn{font-size:calc(0.8px * 10);}.elementor-199 .elementor-element.elementor-element-45ac5735 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.2em;}.elementor-199 .elementor-element.elementor-element-45ac5735 .elementor-share-btn__title{font-family:"Jost", Sans-serif;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-199 .elementor-element.elementor-element-54acdda > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-199 .elementor-element.elementor-element-54acdda img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-199 .elementor-element.elementor-element-2506aab{text-align:justify;font-family:"Jost", Sans-serif;font-size:16px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-199 .elementor-element.elementor-element-4804ba29 .elementor-button:hover, .elementor-199 .elementor-element.elementor-element-4804ba29 .elementor-button:focus{background-color:var( --e-global-color-3f665a6 );}.elementor-199 .elementor-element.elementor-element-4804ba29 .elementor-button-content-wrapper{flex-direction:row;}.elementor-199 .elementor-element.elementor-element-4804ba29 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-199 .elementor-element.elementor-element-4804ba29 .elementor-button{fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );transition-duration:0.5s;border-style:none;border-radius:10px 10px 10px 10px;}@media(min-width:768px){.elementor-199 .elementor-element.elementor-element-1073e73a{--content-width:60%;}}@media(max-width:1024px){.elementor-199 .elementor-element.elementor-element-1073e73a{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-199 .elementor-element.elementor-element-1d01bb54 .elementor-heading-title{font-size:26px;} .elementor-199 .elementor-element.elementor-element-45ac5735{--grid-side-margin:4px;--grid-column-gap:4px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-199 .elementor-element.elementor-element-1073e73a{--padding-top:0px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-199 .elementor-element.elementor-element-1d01bb54 > .elementor-widget-container{padding:20% 0% 0% 0%;}.elementor-199 .elementor-element.elementor-element-1d01bb54 .elementor-heading-title{font-size:22px;}.elementor-199 .elementor-element.elementor-element-1ba198d3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-199 .elementor-element.elementor-element-45ac5735{--grid-side-margin:4px;--grid-column-gap:4px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-199 .elementor-element.elementor-element-45ac5735{--grid-side-margin:4px;--grid-column-gap:4px;--grid-row-gap:4px;}.elementor-199 .elementor-element.elementor-element-45ac5735 .elementor-share-btn{font-size:calc(0.65px * 10);}.elementor-199 .elementor-element.elementor-element-45ac5735 .elementor-share-btn__icon{--e-share-buttons-icon-size:15px;}.elementor-199 .elementor-element.elementor-element-54acdda img{border-radius:10px 10px 10px 10px;}}/* Start custom CSS for button, class: .elementor-element-4804ba29 *//* Ganti '.tombol-reservasi-utama' dengan kelas CSS yang sebenarnya pada tombol Anda */
.tombol-reservasi-utama {
    display: inline-flex;        /* Menggunakan flex untuk alignment ikon dan teks yang lebih baik */
    align-items: center;         /* Menyelaraskan ikon dan teks secara vertikal */
    justify-content: center;     /* Menyelaraskan konten ke tengah jika tombol full-width */
    padding: 12px 25px;          /* Ruang di dalam tombol (atas/bawah kiri/kanan) */
    
    /* Menyesuaikan dengan gaya blok info di atasnya */
    background-color: #f6f7f9;   /* Ganti dengan variabel --warna-hijau-paket jika Anda menggunakannya */
                                 /* Ini adalah warna hijau yang kita diskusikan untuk blok info */
    color: #333333;              /* Warna teks tombol, gelap agar kontras dengan hijau muda */
                                 /* (Sama seperti teks di blok info) */
    border-radius: 15px;         /* Ganti dengan variabel --radius-sudut jika Anda menggunakannya */
                                 /* Sudut melengkung yang sama dengan blok info */
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.12); /* Bayangan halus, bisa disamakan atau sedikit beda dari blok info */
                                                /* Ganti dengan variabel --bayangan-halus jika ingin sama persis */

    /* Properti tambahan untuk tombol */
    text-decoration: none;       /* Hapus garis bawah jika ini adalah tag <a> */
    font-weight: bold;           /* Membuat teks tombol menjadi tebal */
    border: none;                /* Menghapus border default dari browser */
    cursor: pointer;             /* Mengubah kursor menjadi tangan saat diarahkan ke tombol */
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; /* Transisi halus untuk efek hover */
}

/* Efek saat kursor mouse diarahkan ke tombol (hover) */
.tombol-reservasi-utama:hover {
    background-color: #f6f7f9;   /* Warna hijau sedikit lebih gelap saat hover */
                                 /* Anda bisa membuat variabel baru untuk warna hover ini */
    transform: translateY(-2px); /* Sedikit mengangkat tombol saat hover */
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.18); /* Bayangan sedikit lebih menonjol saat hover */
}

/* Efek saat tombol ditekan (active) */
.tombol-reservasi-utama:active {
    transform: translateY(0px); /* Mengembalikan posisi tombol saat ditekan */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Bayangan lebih tipis saat ditekan */
}

/* Styling untuk ikon di dalam tombol (jika ada) */
/* Asumsi ikon menggunakan tag <i> atau <span> dengan kelas tertentu, atau tag <svg> */
.tombol-reservasi-utama i,
.tombol-reservasi-utama .icon, /* Jika ikon Anda punya kelas .icon */
.tombol-reservasi-utama svg {
    margin-right: 8px;          /* Jarak antara ikon dan teks */
    /* Ukuran ikon bisa disesuaikan di sini jika perlu, misal: font-size: 1em; width: 1em; height: 1em; */
}/* End custom CSS */