.elementor-827 .elementor-element.elementor-element-acf04e3{--display:flex;--min-height:600px;--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;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--z-index:99;}.elementor-827 .elementor-element.elementor-element-acf04e3:not(.elementor-motion-effects-element-type-background), .elementor-827 .elementor-element.elementor-element-acf04e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://explorebalihub.com/wp-content/uploads/2026/07/Sea-Walker-Explore-Bali-Hub-1.webp");background-position:top center;background-size:cover;}.elementor-827 .elementor-element.elementor-element-703df5a.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-827 .elementor-element.elementor-element-703df5a{z-index:99;}.elementor-827 .elementor-element.elementor-element-7283eba{--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-827 .elementor-element.elementor-element-526a3d4{--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-827 .elementor-element.elementor-element-668a7e3{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-827 .elementor-element.elementor-element-d2b3192{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-827 .elementor-element.elementor-element-d2b3192:not(.elementor-motion-effects-element-type-background), .elementor-827 .elementor-element.elementor-element-d2b3192 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a7b85f4 );}.elementor-827 .elementor-element.elementor-element-d2b3192.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-827 .elementor-element.elementor-element-e863099.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(max-width:767px){.elementor-827 .elementor-element.elementor-element-acf04e3{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-668a7e3 */.Btn-explore {
  position: relative;
  width: 230px;
  height: 55px;
  border-radius: 45px;
  border: none;
  font-family: "Helvetica", Sans-Serif;
  font-size: 22px;
  background-color: rgba(21, 74, 79, 1)!important;
  color: white;
  box-shadow: 0px 10px 10px rgba(255, 252, 247, 1) inset,
  0px 5px 10px rgba(5, 5, 5, 0.212),
  0px -10px 10px rgba(21, 74, 79, 1) inset!important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Btn-explore::before {
  width: 70%;
  height: 2px;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.678)!important;
  content: "";
  filter: blur(1px);
  top: 7px;
  border-radius: 50%;
}

.Btn-explore::after {
  width: 70%;
  height: 2px;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.137)!important;
  content: "";
  filter: blur(1px);
  bottom: 7px;
  border-radius: 50%;
}

.Btn-explore:hover {
    color:white;
  animation: explore-horizontal 0.9s both;
}

@keyframes explore-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

/* ---------- Responsive button ---------- */

/* Tablet (≤ 768px) */
@media (max-width: 768px) {
  .Btn-explore {
    width: 220px;
    font-size: 16px; /* adjust as needed */
  }
  .Btn-explore::before {
    top: 5px;          /* was 7px */
  }
  .Btn-explore::after {
    bottom: 5px;       /* was 7px */
  }
}

/* Phone (≤ 480px) */
@media (max-width: 480px) {
  .Btn-explore {
    width: 200px;
    height: 50px;
    font-size: 16px;
  }
  .Btn-explore::before {
    top: 4px;
  }
  .Btn-explore::after {
    bottom: 4px;
  }
}

/* Very small phones (≤ 360px) */
@media (max-width: 360px) {
  .Btn-explore {
    width: 200px;  
    height: 55px;
    font-size: 16px;
  }
  .Btn-explore::before {
    top: 3px;
  }
  .Btn-explore::after {
    bottom: 3px;
  }
}/* End custom CSS */