.mobile-fixed-footer {
    position: fixed; /* Ekranın belirli bir konumunda sabit kalmasını sağlar */
    bottom: 0; /* Ekranın en altına yapıştırır */
    left: 0; /* Ekranın soluna yapıştırır */
    width: 100%; /* Ekranın tam genişliğini kaplar */
    display: flex; /* İçindeki elemanları yan yana dizer */
    justify-content: space-around; /* Elemanlar arasında eşit boşluk bırakır */
    align-items: center; /* Elemanları dikeyde ortalar */
    background-color: #fff; /* Arka plan rengi */
    padding: 10px 0; /* İç boşluk */
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1); /* Hafif bir gölge efekti */
    z-index: 1000; /* Diğer elementlerin üzerinde görünmesini sağlar */
}

.footer-button {
    flex: 1; /* Butonların eşit genişlikte olmasını sağlar */
    text-align: center; /* İçindeki metin ve ikonları ortalar */
    padding: 10px 0; /* İç boşluk */
    color: #333; /* Metin rengi */
    text-decoration: none; /* Alt çizgiyi kaldırır */
    font-size: 16px; /* Yazı boyutu */
    font-weight: bold; /* Yazı kalınlığı */
    transition: background-color 0.3s ease; /* Hover efekti için geçiş */
}

.footer-button i {
    margin-right: 5px; /* İkon ve metin arasına boşluk */
}

.call-button {
    background-color: #28a745; /* Yeşil tonu */
    color: #fff; /* Beyaz metin */
    border-right: 1px solid rgba(255,255,255,0.2); /* Butonlar arasına ince çizgi */
}

.whatsapp-button {
    background-color: #25d366; /* WhatsApp yeşili */
    color: #fff; /* Beyaz metin */
}

.call-button:hover,
.whatsapp-button:hover {
    background-color: #1e7e34; /* Hover durumunda biraz koyulaşma */
}

/* Sadece mobil cihazlarda görünmesini sağlamak için media query */
@media screen and (min-width: 768px) {
    .mobile-fixed-footer {
        display: none; /* Masaüstü görünümde gizle */
    }
}