.elementor-2112 .elementor-element.elementor-element-ce39d47{--display:flex;--min-height:500px;}.elementor-2112 .elementor-element.elementor-element-b079010{text-align:center;}.elementor-2112 .elementor-element.elementor-element-de72e47{width:auto;max-width:auto;text-align:center;}.elementor-2112 .elementor-element.elementor-element-de72e47.elementor-element{--align-self:center;}.elementor-2112 .elementor-element.elementor-element-de72e47 img{height:700px;}@media(max-width:1024px){.elementor-2112 .elementor-element.elementor-element-de72e47 img{height:500px;}}@media(max-width:767px){.elementor-2112 .elementor-element.elementor-element-ce39d47{--min-height:420px;--justify-content:flex-start;}.elementor-2112 .elementor-element.elementor-element-ce39d47.e-con{--align-self:center;}.elementor-2112 .elementor-element.elementor-element-de72e47 img{height:380px;}}/* Start custom CSS for container, class: .elementor-element-ce39d47 *//* Eser: görsel üstünde hover buton */
.eser-wrap{
  position: relative;
}

/* Buton normalde gizli */
.eser-wrap .eser-btn{
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 8px);
  transition: .25s ease;
  position: absolute;
  left: 50%;
  top: 55%;              /* butonun görsel üzerindeki konumu */
  z-index: 10;
}

/* Hover olunca buton görünsün */
.eser-wrap:hover .eser-btn{
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

/* Görsel hover’da hafif kararsın (opsiyonel) */
.eser-wrap .eser-cover img{
  transition: .25s ease;
}
.eser-wrap:hover .eser-cover img{
  filter: brightness(.75);
}/* End custom CSS */