/* ----------------------------------------- Social Link CSS ----------------------------------------- */
.social-link {
    --size: 36px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.social-link a {
    text-align: center;
    width: var(--size);
    height: var(--size);
    line-height: var(--size);
    background-color: var(--color-primary);
    color: var(--text-white);
    font-size: var(--font-base);
}
.social-link a:last-child {
    margin: 0;
}
.social-link a:hover {
    color: var(--text-white);
    background-color: var(--color-primary);
}
.social-link.style-2 a {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, );
    color: var(--color-primary);
}
.social-link.size-md {
    --size: 30px;
    --font-base: 14px;
}
.social-link.size-lg {
    --size: 50px;
}