.elementor-13 .elementor-element.elementor-element-8c42ce3{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-13 .elementor-element.elementor-element-8c42ce3:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-8c42ce3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-5a4f72d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:10;text-align:center;}.elementor-13 .elementor-element.elementor-element-5a4f72d .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:140px;font-weight:700;color:#6EC1E400;}.elementor-13 .elementor-element.elementor-element-a00ef4b{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;top:398px;text-align:center;}.elementor-13 .elementor-element.elementor-element-a00ef4b.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-a00ef4b .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:140px;font-weight:700;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13 .elementor-element.elementor-element-beee225{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;z-index:5;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-beee225{left:413px;}body.rtl .elementor-13 .elementor-element.elementor-element-beee225{right:413px;}.elementor-13 .elementor-element.elementor-element-beee225 img{width:69%;}.elementor-13 .elementor-element.elementor-element-ab80e0b{--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;overflow:visible;}.elementor-13 .elementor-element.elementor-element-ab80e0b:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-ab80e0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13 .elementor-element.elementor-element-99507f1 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Satoshi", Sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-99507f1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13 .elementor-element.elementor-element-99507f1 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-13 .elementor-element.elementor-element-79d0398{--display:flex;overflow:visible;}/* Start custom CSS for heading, class: .elementor-element-5a4f72d */.elementor-13 .elementor-element.elementor-element-5a4f72d {
  color: transparent;             /* İçini boş bırakır */
  -webkit-text-stroke: 2px #fff;  /* Kontör kalınlığı ve rengi */
  text-stroke: 2px #fff;          /* Bazı tarayıcılar için */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-99507f1 *//* Butonun Dış Çeperi (Kapsayıcıyı gizleme) */
.dikey-kayan-btn {
    position: relative;
    /* Metnin yukarı kaybolmasını sağlayacak ana gizleme noktası */
    overflow: hidden; 
}

/* Tüm İçerik Kapsayıcısı (Metin + İkon) */
.dikey-kayan-btn .elementor-button-content-wrapper {
    /* Animasyon geçişi */
    transition: transform 0.4s cubic-bezier(0.76, 0.0, 0.24, 1.0);
    position: relative;
    z-index: 1; /* Orijinal içeriği öne çıkar */
}

/* Metin ve İkonun Klonunu Oluşturma (İkinci Metin/İkon) */
.dikey-kayan-btn .elementor-button::before {
    /* İÇERİK: Orijinal buton metnini buraya tekrar yazın */
    content: "Bana Ulaşın"; 
    
    position: absolute;
    top: 100%; /* Başlangıçta butonun altında bekle */
    left: 0;
    width: 100%;
    
    /* Metni buton içeriği ile aynı hizada tut */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; 
    
    /* İkinci içeriğe de yumuşak geçişi uygula */
    transition: transform 0.4s cubic-bezier(0.76, 0.0, 0.24, 1.0);
    
    /* Metin stillerini miras al */
    color: currentColor; 
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
}

/* İKON KLONU: Aynı ikonu tekrar oluşturma */
.dikey-kayan-btn .elementor-button::after {
    /* İkonun font kodunu buraya yazın (Örn: \e600) */
    /* **NOT:** Elementor'da kullandığınız ikonun Font Awesome kodunu bulmanız gerekir. */
    /* Örneğin 'fa-arrow-right' ise kodu: \f061 olabilir. */
    /* Eğer sadece metin klonlama yetiyorsa, bu satırı SİLİN. */
    /* content: "\f061"; */ 

    position: absolute;
    top: 100%;
    /* İkon konumu: Elementor'daki ikonun tam konumuna göre ayarlanmalı */
    /* Bu çok zor olduğu için, genel bir yaklaşımla devam edelim. */
}


/* *** HOVER ANINDAKİ HAREKET *** */

.dikey-kayan-btn:hover .elementor-button-content-wrapper {
    /* Orijinal içerik yukarı kaybolsun */
    transform: translateY(-100%);
}

.dikey-kayan-btn:hover .elementor-button::before {
    /* İkinci içerik merkeze gelsin */
    transform: translateY(-100%);
}

/* İpuçları: */
/* Eğer sadece metin klonlandıysa ve ikon kaybolmuyorsa, */
/* .elementor-button-icon'u da .elementor-button-content-wrapper içine taşıyın */
/* (Elementor'un iç yapısına bağlıdır). *//* End custom CSS */