.sosmed-grid-wrapper {
    display: grid;
    /* Memaksa grid menjadi 2 kolom, elemen menyesuaikan ukuran */
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gap, 15px);
    width: 100%;
    box-sizing: border-box;
}

.sosmed-grid-wrapper .sg-item {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Sesuaikan padding agar ikon berada di tengah secara visual */
    padding: 25px; 
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.sosmed-grid-wrapper .sg-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.sosmed-grid-wrapper .sg-item i {
    /* Ukuran ikon diperbesar agar menonjol */
    font-size: 36px;
    /* Warna ikon default */
    color: #555; 
}

/* Pewarnaan hover ikon spesifik tanpa konflik global */
.sosmed-grid-wrapper .sg-fb:hover i { color: #1877f2; }
.sosmed-grid-wrapper .sg-yt:hover i { color: #ff0000; }
.sosmed-grid-wrapper .sg-ig:hover i { color: #e1306c; }
.sosmed-grid-wrapper .sg-tw:hover i { color: #1da1f2; }

/* Responsivitas untuk kontainer yang sangat kecil (misal di bawah 250px) */
@media (max-width: 250px) {
    .sosmed-grid-wrapper {
        grid-template-columns: 1fr;
    }
}