.css-mediasosial {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; /* Sedikit diperlebar agar lebih nyaman dilihat */
    margin-bottom: 20px;
}

.btn-sosial {
    width: 45px;
    height: 45px;
    padding: 10px;
    display: flex; /* Membantu menempatkan ikon tepat di tengah tombol */
    align-items: center;
    justify-content: center;
}

/* Tambahkan ini untuk mempermudah styling link navigasi */
.footer-nav a {
    transition: opacity 0.3s ease;
}

.footer-nav a:hover {
    opacity: 0.7;
}