.social-icon {
    transition: transform 0.3s ease, color 0.3s ease;
    display: inline-block;
}
.social-icon:hover {
    transform: translateY(-5px); /* Hover'da yukarı hareket */
}

.social-icon i {
    transition: transform 0.3s ease;
}

.social-icon:hover i {
    transform: scale(1.2); /* Hover'da büyüme efekti */
}