#contact-button {
    position: fixed;
    bottom: 50%; /* Alt kısmında 20px mesafe */
    padding: 10px 20px; /* Butonun iç paddingi */
    background-color: #092C74; /* Butonun arka plan rengi */
    color: #fff; /* Butonun metin rengi */
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border:none;
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.4), /* Üst kenara siyah gölge */
            2px 0 4px rgba(0, 0, 0, 0.4), /* Sağ kenara siyah gölge */
           -2px 0 4px rgba(0, 0, 0, 0.4); /* Sol kenara siyah gölge */
    cursor: pointer; /* Fare imlecini işaretçi yapma */
    z-index: 1000; /* Diğer öğelerin üstünde kalmasını sağlama */
    font-size: 16px; /* Metin boyutu */
    text-align: center; /* Metni ortalama */

    /* Dikey metin dönüşümü */
    display: flex;
    align-items: center; /* İçeriği dikeyde ortalar */
    justify-content: center; /* İçeriği yatayda ortalar */
    transform: rotate(90deg); /* Metni döndürür */
    transform-origin: left bottom; /* Dönüşüm kökeni */

    /* Genişlik ve yükseklik ayarları */
    width: auto; /* Butonun genişliği içeriğe göre ayarlanacak */
    height: 40px; /* Butonun yüksekliği */

}

/* Popup arka planı */
#contact-popup {
    display: flex; /* Flexbox kullanımı */
    justify-content: center; /* İçeriği yatayda ortalar */
    align-items: center; /* İçeriği dikeyde ortalar */
    position: fixed; /* Ekranın sabit bir konumunda kalmasını sağlar */
    top: 0; /* Üstten 0px */
    left: 0; /* Soldan 0px */
    width: 100%; /* Ekranın tam genişliği */
    height: 100%; /* Ekranın tam yüksekliği */
    background: rgba(0, 0, 0, 0.5); /* Yarı saydam siyah arka plan */
    z-index: 1000; /* Diğer öğelerin üstünde kalmasını sağlar */
    opacity: 0; /* Başlangıçta görünmez */
    visibility: hidden; /* Başlangıçta görünmez */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Geçiş efekti */
}

/* Popup içeriği */
#contact-popup .popup-content {
    background: #fff; /* Beyaz arka plan */
    padding: 20px; /* İç padding */
    border-radius: 5px; /* Köşeleri yuvarlatma */
    width: 80%; /* Ekranın %80'i genişliğinde */
    max-width: 600px; /* Maksimum genişlik */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Gölge efekti */
    position: relative; /* Kapatma butonunun konumlandırılabilmesi için */
}

/* Kapatma butonu */
#contact-popup .close-btn {
    position: absolute; /* İçeriğe göre konumlandırma */
    top: 10px; /* Üstten 10px */
    right: 10px; /* Sağdan 10px */
    font-size: 20px; /* Font boyutu */
    cursor: pointer; /* İşaretçi imleci */
}