/* WhatsApp butonunu sağ alt köşede sabitlemek için CSS */
#whatsappButton {
    display: none; /* Öncelikle butonu gizle */
    position: fixed; /* Sabit konum */
    bottom: 20px; /* Alt kenardan 20 piksel mesafe */
    right: 20px; /* Sağ kenardan 20 piksel mesafe */
    z-index: 99; /* Diğer öğelerin üstünde görünecek */
}

/* Sadece mobil ve tablet cihazlarda görünecek buton için CSS */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #whatsappButton {
        display: block; /* Mobil ve tablet cihazlarda butonu göster */
    }
}

/* WhatsApp butonu stilini düzenlemek için CSS */
#whatsappButton {
    background-color: #25d366; /* WhatsApp yeşili */
    color: #fff; /* Beyaz metin */
    padding: 10px 20px; /* Buton içeriği için dolgu */
    border: none; /* Kenarlık yok */
    border-radius: 5px; /* Köşeleri yuvarlat */
    cursor: pointer; /* İmleci el tipine dönüştür */
}