/* Mevcut ID'lere Göre Buton Tasarımları */
#facebookbuton a, 
#twitterbuton a, 
#googlebuton a, 
#yukaricikbuton a {
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    text-decoration: none;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
    background-color: #ffffff;
    margin-bottom: 5px;
}

/* Facebook Butonu (Orijinal Mavi) */
#facebookbuton a {
    color: #1877F2;
    border: 2px solid #1877F2;
}
#facebookbuton a:hover {
    background-color: #1877F2;
    color: #ffffff;
}

/* Twitter Butonu (Orijinal Siyah/Koyu Gri) */
#twitterbuton a {
    color: #000000;
    border: 2px solid #000000;
}
#twitterbuton a:hover {
    background-color: #000000;
    color: #ffffff;
}

/* Google Butonu (Orijinal Kırmızı) */
#googlebuton a {
    color: #EA4335;
    border: 2px solid #EA4335;
}
#googlebuton a:hover {
    background-color: #EA4335;
    color: #ffffff;
}

/* Yukarı Git Butonu (Şarap Kırmızısı / Tema Uyumlu) */
#yukaricikbuton a {
    color: #722F37;
    border: 2px solid #722F37;
}
#yukaricikbuton a:hover {
    background-color: #722F37;
    color: #ffffff;
}/* Butonların kapsayıcısını yan yana dizmek için (Eğer HTML'e bir div eklemediysen, 
   butonların HTML kodlarını tek bir div içine alıp class="social-row" verebilirsin) */
.social-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* Butonlar arası boşluk */
    align-items: center;
    margin: 10px 0;
}

/* Mevcut ID'lere Göre Buton Tasarımları */
#facebookbuton, #twitterbuton, #googlebuton, #yukaricikbuton {
    display: inline-block;
    margin: 0; /* Fazla boşlukları sıfırlamak için */
}

#facebookbuton a, 
#twitterbuton a, 
#googlebuton a, 
#yukaricikbuton a {
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    text-decoration: none;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
    background-color: #ffffff;
}

/* Facebook Butonu (Orijinal Mavi) */
#facebookbuton a {
    color: #1877F2;
    border: 2px solid #1877F2;
}
#facebookbuton a:hover {
    background-color: #1877F2;
    color: #ffffff;
}

/* Twitter Butonu (Orijinal Siyah/Koyu Gri) */
#twitterbuton a {
    color: #000000;
    border: 2px solid #000000;
}
#twitterbuton a:hover {
    background-color: #000000;
    color: #ffffff;
}

/* Google Butonu (Orijinal Kırmızı) */
#googlebuton a {
    color: #EA4335;
    border: 2px solid #EA4335;
}
#googlebuton a:hover {
    background-color: #EA4335;
    color: #ffffff;
}

/* Yukarı Git Butonu (Şarap Kırmızısı / Tema Uyumlu) */
#yukaricikbuton a {
    color: #722F37;
    border: 2px solid #722F37;
}
#yukaricikbuton a:hover {
    background-color: #722F37;
    color: #ffffff;
}