.elementor-1778 .elementor-element.elementor-element-5ce7b77f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--border-radius:50px 50px 50px 50px;--padding-top:7px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;}.elementor-1778 .elementor-element.elementor-element-5ce7b77f, .elementor-1778 .elementor-element.elementor-element-5ce7b77f::before{--border-transition:0.3s;}.elementor-1778 .elementor-element.elementor-element-38c19b9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-75a829d4{text-align:left;color:var( --e-global-color-029e173 );font-weight:400;line-height:0em;}.elementor-1778 .elementor-element.elementor-element-75a829d4 > .elementor-widget-container{margin:0em -10em 0em 0em;padding:0em 0em 0em 1em;}.elementor-1778 .elementor-element.elementor-element-3793edfd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-16133255 .elementor-button{font-weight:500;padding:16px 22px 16px 22px;}@media(min-width:768px){.elementor-1778 .elementor-element.elementor-element-38c19b9a{--width:50%;}.elementor-1778 .elementor-element.elementor-element-3793edfd{--width:50%;}}@media(max-width:1024px){.elementor-1778 .elementor-element.elementor-element-5ce7b77f{--border-radius:50px 50px 50px 50px;}.elementor-1778 .elementor-element.elementor-element-38c19b9a{--justify-content:center;}.elementor-1778 .elementor-element.elementor-element-3793edfd{--justify-content:center;}.elementor-1778 .elementor-element.elementor-element-16133255 .elementor-button{padding:15px 20px 15px 20px;}}@media(max-width:767px){.elementor-1778 .elementor-element.elementor-element-5ce7b77f{--border-radius:20px 20px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-1778 .elementor-element.elementor-element-75a829d4{text-align:center;line-height:1.5em;}.elementor-1778 .elementor-element.elementor-element-75a829d4 > .elementor-widget-container{margin:0em 0em 0em 0em;padding:1em 0em 1em 0em;}.elementor-1778 .elementor-element.elementor-element-16133255 .elementor-button{padding:14px 14px 14px 14px;}}/* Start custom CSS for button, class: .elementor-element-16133255 *//* Styling untuk tombol utama */
.elementor-1778 .elementor-element.elementor-element-16133255 .tombol-animasi-border {
  width: 180px;
  height: 60px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #91C9FF; /* Border awal yang statis */
  outline: none;
  transition: 1s ease-in-out;
  position: relative; /* Penting untuk posisi SVG */
}

/* Styling untuk teks di dalam tombol */
.elementor-1778 .elementor-element.elementor-element-16133255 .tombol-animasi-border span {
  color: white;
  font-size: 18px;
  font-weight: 100;
}

/* Pengaturan untuk elemen SVG */
.elementor-1778 .elementor-element.elementor-element-16133255 .tombol-animasi-border svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff; /* Warna border animasi */
  stroke-width: 3px; /* Ketebalan border animasi */
  
  /* Ini adalah inti dari animasinya */
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}

/* EFEK SAAT HOVER */

/* Mengubah background tombol saat disentuh */
.elementor-1778 .elementor-element.elementor-element-16133255 .tombol-animasi-border:hover {
  background: #4F95DA;
}

/* Menjalankan animasi border saat disentuh */
.elementor-1778 .elementor-element.elementor-element-16133255 .tombol-animasi-border:hover svg {
  stroke-dashoffset: -480;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ce7b77f */.glass-apple-daftar {
  background: rgba(255, 255, 255, 0.5); /* Semi-transparent white */
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(100px) saturate(150%);

  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.2);

  color: white;
}/* End custom CSS */