/* Hover effect untuk semua social media icons */
.social-icons-rounded li a {
    display: inline-block;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Instagram */
.social-icons-rounded li.instagram a:hover {
    color: #E4405F !important;
    transform: scale(1.1);
    background: rgba(228, 64, 95, 0.1);
}

/* Email */
.social-icons-rounded li.email a:hover {
    color: #D44638 !important;
    transform: scale(1.1);
    background: rgba(212, 70, 56, 0.1);
}

/* Website */
.social-icons-rounded li.website a:hover {
    color: #4285F4 !important;
    transform: scale(1.1);
    background: rgba(66, 133, 244, 0.1);
}

/* LinkedIn */
.social-icons-rounded li.linkedin a:hover {
    color: #0077B5 !important;
    transform: scale(1.1);
    background: rgba(0, 119, 181, 0.1);
}

/* TikTok */
.social-icons-rounded li.tiktok a:hover {
    color: #000000 !important;
    transform: scale(1.1);
    background: rgba(0, 0, 0, 0.1);
}
/* Gradient TikTok (opsional) */
.social-icons-rounded li.tiktok a:hover svg {
    filter: drop-shadow(0 0 2px rgba(255, 0, 80, 0.5));
}

/* YouTube */
.social-icons-rounded li.youtube a:hover {
    color: #FF0000 !important;
    transform: scale(1.1);
    background: rgba(255, 0, 0, 0.1);
}

/* X (Twitter) */
.social-icons-rounded li.x a:hover {
    color: #000000 !important;
    transform: scale(1.1);
    background: rgba(0, 0, 0, 0.1);
}

/* SVG khusus hover */
.social-icons-rounded li.tiktok a:hover svg,
.social-icons-rounded li.x a:hover svg {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}