/* Container: center everything horizontally */
._9tar._9ta3._9ta5._9ta8._9tau._9uo7._ae_u {
    display: flex;
    justify-content: center; /* horizontal centering */
    gap: 10px; /* spacing between icons */
    align-items: center; /* vertical alignment of icons */
    flex-wrap: wrap; /* allows wrapping if needed */
    padding-bottom: 10px;
}

/* Link styling */
._afwh._adig._ao_2._ad_c {
    display: inline-block;
    color: #555; /* default icon color */
    transition: color 0.3s ease, transform 0.3s ease;
    position: relative;
}

/* Hover effect for smooth color change */
._afwh._adig._ao_2._ad_c:hover {
    color: #1da1f2; /* example: Twitter blue, can be customized per icon */
    transform: scale(1.2); /* slight zoom effect */
}

/* Optional: add a subtle gradient flow behind the icon on hover */
._afwh._adig._ao_2._ad_c::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #1da1f2, #ff0000, #fcdc00, #1da1f2);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}

._afwh._adig._ao_2._ad_c:hover::after {
    opacity: 0.4; /* show gradient overlay on hover */
}

/* SVG icons */
._afbl._adid {
    width: 24px; /* adjust size if needed */
    height: 24px;
    margin-top: 10px;
    fill: currentColor;
    transition: transform 0.3s ease, color 0.3s ease;
}
.space{
    margin-bottom:5px;
}