.elementor-16098 .elementor-element.elementor-element-d4eba80{--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;}.elementor-16098 .elementor-element.elementor-element-e3d9b10{width:100%;max-width:100%;}.elementor-16098 .elementor-element.elementor-element-e3d9b10.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-16098 .elementor-element.elementor-element-fea9f28{--display:flex;}.elementor-16098 .elementor-element.elementor-element-65f184f{--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;}.elementor-16098 .elementor-element.elementor-element-1aab66a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16098 .elementor-element.elementor-element-9b73505{--display:flex;}.elementor-16098 .elementor-element.elementor-element-d62ad42{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16098 .elementor-element.elementor-element-6de63a8{--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;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;color:#333;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list .eael-accordion_media-icon i{font-size:16px;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list .eael-accordion_media-icon svg{height:16px;width:16px;line-height:16px;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon,
                    .elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{gap:10px;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:#333;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-content .eael-accordion_media-title{color:#333;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:#333;fill:#333;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:#333;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list .eael-accordion_media-icon{color:#333;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title,
                    .elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list:not(.active):hover .eael-accordion_media-title{color:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list:hover .eael-accordion_media-icon i{color:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list:hover .eael-accordion_media-icon svg{fill:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list.active .eael-accordion_media-icon i{color:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list.active .eael-accordion_media-icon svg{fill:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-content{color:#333;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{color:#333;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle, .elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header > .fa-toggle-svg{font-size:16px;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle{height:16px;width:16px;line-height:16px;fill:#444;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle{color:#444;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle svg{color:#444;fill:#444;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{color:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle svg{color:#fff;fill:#fff;}.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle{fill:#fff;}@media(min-width:768px){.elementor-16098 .elementor-element.elementor-element-9b73505{--width:50%;}.elementor-16098 .elementor-element.elementor-element-d62ad42{--width:50%;}}/* Start custom CSS for eael-adv-accordion, class: .elementor-element-b043ff8 *//* =========================
   ACCORDION STYLE + AUTO CLOSE
   Tempel di Advanced > Custom CSS
========================= */

/* Border kiri saat aktif */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion-list .eael-accordion-item.active {
    border-left: 4px solid #4da3d9;
}

/* Header utama */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion-header {
    background: linear-gradient(90deg, #4da3d9, #7cc6f2);
    color: #ffffff;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 1px solid #d6e6f2;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Hover */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion-header:hover {
    background: linear-gradient(90deg, #5bb5e8, #8fd3f4);
}

/* Saat aktif */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion-item.active .eael-accordion-header {
    background: linear-gradient(90deg, #3c95c9, #6bbbe8);
    color: #ffffff;
    border-color: #4da3d9;
}

/* Konten accordion */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion-content {
    background: #ffffff;
    border-radius: 0 0 10px 10px;
    padding: 15px;
    border: 1px solid #dceaf5;
    border-top: none;
}

/* Icon plus/minus */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion-header .eael-accordion-tab-icon {
    transition: transform 0.3s ease;
}

.elementor-16098 .elementor-element.elementor-element-b043ff8 .eael-accordion-item.active .eael-accordion-tab-icon {
    transform: rotate(180deg);
}

/* =========================
   AUTO CLOSE FIX
   Hanya 1 item terbuka
========================= */

/* Wrapper accordion di halaman ini saja */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .elementor-accordion-item {
  border-radius: 6px;
  border: 1px solid #e0e7ff;
  margin-bottom: 10px;
  overflow: hidden;
}

/* Judul/Tab accordion */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .elementor-accordion-title {
  background-color: #f1f5ff;
  color: #1d4ed8;
  font-weight: 600;
  padding: 12px 16px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover judul */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .elementor-accordion-title:hover {
  background-color: #e0ebff;
  color: #0f172a;
}

/* Judul saat aktif (panel terbuka) */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .elementor-active .elementor-accordion-title {
  background-color: #dbeafe;
  color: #0f172a;
}

/* Konten accordion */
.elementor-16098 .elementor-element.elementor-element-b043ff8 .elementor-accordion-content {
  background-color: #ffffff;
  padding: 12px 16px 16px;
  border-top: 1px solid #e0e7ff;
  color: #111827;
}

<style>
  .download-btn {
    display: inline-block;
    padding: 14px 24px;
    border-radius: 8px;
    background: linear-gradient(135deg, #1e88e5, #22c1c3);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-decoration: none;
    letter-spacing: 0.3px;
    box-shadow: 0 8px 20px rgba(30, 136, 229, 0.35);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
    text-align: center;
    min-width: 280px; /* ✅ Tambahkan ini - lebar minimum tetap */
    box-sizing: border-box; /* ✅ Tambahkan ini */
  }

  .download-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    transform: skewX(-25deg);
    transition: all 0.5s ease;
  }

  .download-btn:hover::before {
    left: 120%;
  }

  .download-btn:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 12px 26px rgba(30, 136, 229, 0.45);
    background: linear-gradient(135deg, #1e88e5, #0288d1);
    color: #ffffff;
  }

  .download-btn:active {
    transform: translateY(0) scale(0.99);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.3);
  }

  @media (max-width: 480px) {
    .download-btn {
      width: 100%; /* ✅ Di HP otomatis full width */
      min-width: unset; /* ✅ Hapus min-width di HP */
      box-sizing: border-box;
      font-size: 13px;
      padding: 12px 16px;
    }
  }
</style>/* End custom CSS */