.elementor-1376 .elementor-element.elementor-element-4c764755{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:170px;--padding-bottom:290px;--padding-left:0px;--padding-right:0px;}.elementor-1376 .elementor-element.elementor-element-4c764755::before, .elementor-1376 .elementor-element.elementor-element-4c764755 > .elementor-background-video-container::before, .elementor-1376 .elementor-element.elementor-element-4c764755 > .e-con-inner > .elementor-background-video-container::before, .elementor-1376 .elementor-element.elementor-element-4c764755 > .elementor-background-slideshow::before, .elementor-1376 .elementor-element.elementor-element-4c764755 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1376 .elementor-element.elementor-element-4c764755 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-bd85995 );--background-overlay:'';}.elementor-1376 .elementor-element.elementor-element-4c764755 > .elementor-shape-bottom .elementor-shape-fill, .elementor-1376 .elementor-element.elementor-element-4c764755 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-3d761f9 );}.elementor-1376 .elementor-element.elementor-element-4c764755 > .elementor-shape-bottom svg, .elementor-1376 .elementor-element.elementor-element-4c764755 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:140px;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 > .elementor-widget-container{margin:26px 0px 0px 0px;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .ekit-heading__description{max-width:90%;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-3d761f9 );text-shadow:0px 0px 0px rgba(0,0,0,0.3);margin:0px 0px 23px 0px;font-family:"Bruno Ace SC", Sans-serif;font-size:41px;font-weight:700;text-transform:capitalize;line-height:49px;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .elementskit-section-title-wraper p{color:var( --e-global-color-3d761f9 );font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;margin:0px 0px 25px 0px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-one:hover{background-color:var( --e-global-color-3d761f9 );color:var( --e-global-color-primary );}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-two{background-color:#FFFFFF00;color:var( --e-global-color-3d761f9 );font-size:16px;font-weight:400;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-3d761f9 );border-radius:37px 37px 37px 37px;padding:10px 0px 10px 0px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-two:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-3d761f9 );border-style:solid;border-color:var( --e-global-color-accent );}.elementor-1376 .elementor-element.elementor-element-1b0ee9b > .elementor-widget-container{margin:0px 0px 17px 0px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit_double_button{width:20%;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn:not(:last-child){margin-right:5px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-one > i{padding-right:8px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-one > svg{margin-right:8px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-two > i{padding-right:8px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-two > svg{margin-right:8px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-one{color:#ffffff;font-size:16px;font-weight:400;border-radius:37px 37px 37px 37px;padding:10px 0px 10px 0px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-one svg path{stroke:#ffffff;fill:#ffffff;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-one:hover svg path{stroke:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-two svg path{stroke:var( --e-global-color-3d761f9 );fill:var( --e-global-color-3d761f9 );}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit-double-btn.ekit-double-btn-two:hover svg path{stroke:var( --e-global-color-3d761f9 );fill:var( --e-global-color-3d761f9 );}.elementor-1376 .elementor-element.elementor-element-3126627{--display:flex;--min-height:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1376 .elementor-element.elementor-element-3126627:not(.elementor-motion-effects-element-type-background), .elementor-1376 .elementor-element.elementor-element-3126627 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1376 .elementor-element.elementor-element-54d971a .slick-slider:not(.slick-vertical) .slick-slide{padding-right:7px;padding-left:7px;}.elementor-1376 .elementor-element.elementor-element-54d971a .slick-slider.slick-vertical .slick-slide{padding-top:7px;padding-bottom:7px;}@media(min-width:768px){.elementor-1376 .elementor-element.elementor-element-3126627{--content-width:1500px;}}@media(max-width:1024px){.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 20px 0px;font-size:50px;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .elementskit-section-title-wraper p{font-size:16px;margin:0px 0px 10px 0px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit_double_button{width:80%;}}@media(max-width:767px){.elementor-1376 .elementor-element.elementor-element-4c764755 .elementor-background-slideshow__slide__image{background-position:center right;}.elementor-1376 .elementor-element.elementor-element-4c764755 > .elementor-shape-bottom svg, .elementor-1376 .elementor-element.elementor-element-4c764755 > .e-con-inner > .elementor-shape-bottom svg{height:59px;}.elementor-1376 .elementor-element.elementor-element-4c764755{--padding-top:0px;--padding-bottom:329px;--padding-left:0px;--padding-right:0px;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 20px 0px;font-size:33px;line-height:35px;}.elementor-1376 .elementor-element.elementor-element-5f2e9f6 .elementskit-section-title-wraper p{margin:0px 0px 10px 0px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1376 .elementor-element.elementor-element-1b0ee9b .ekit_double_button{width:48%;}}/* Start custom CSS for elementskit-dual-button, class: .elementor-element-1b0ee9b */<style>
/* Container untuk tombol dan gambar */
.popup-hover-wrapper {
  position: relative;
  display: inline-block;
}

/* Gambar yang muncul saat hover */
.popup-hover-wrapper .popup-image {
  display: none;
  position: absolute;
  top: -220px; /* posisi vertikal popup */
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  border: 1px solid #ccc;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  z-index: 100;
}

/* Tampilkan gambar saat hover */
.popup-hover-wrapper:hover .popup-image {
  display: block;
}
</style>

<!-- Struktur HTML button dan gambar -->
<div class="popup-hover-wrapper">
  <a href="#" class="elementor-button">Hover Me</a>
  <img class="popup-image" src="https://karakternabawiyah.com/wp-content/uploads/2025/05/WhatsApp-Image-2025-05-14-at-06.20.45.jpeg" alt="Popup Image">
</div>/* End custom CSS */