.scroll-to-top-button {
    position: fixed;
    bottom: 20px; /* Butonun alt kenardan uzaklığı */
    right: 20px; /* Butonun sağ kenardan uzaklığı */
    width: 50px; /* Buton genişliği */
    height: 50px; /* Buton yüksekliği */
    background-color: #000; /* Buton arka plan rengi */
    color: #fff; /* Yazı rengi */
    border: none; /* Kenarlık kaldırıldı */
    border-radius: 50%; /* Butonu dairesel yapar */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Hafif gölge */
    cursor: pointer; /* İşaretçi görünümü */
    font-size: 24px; /* Yazı boyutu */
    display: none; /* Başlangıçta gizlenir */
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1000; /* Diğer içeriklerin üstünde */
}

.scroll-to-top-button:hover {
    background-color: #444; /* Hover efekti */
}