/****************************
 * Social media
****************************/
.vii-social-buttons {
    font-size:16px;
    display:flex; flex-wrap:wrap;
    gap:var(--vii-spacing-20) var(--vii-gap-container);
}

/* text */
.vii-social-buttons a {
    display:flex; align-items:center; gap:16px;

    text-decoration:none;
    color:var(--vii-color-blue);
    font-weight:500; font-family:var(--vii-font-primary);
}
.vii-social-buttons a:hover, .vii-social-buttons a:focus {text-decoration:none; color:var(--vii-color-primary);}

/* icon */
.vii-social-buttons a i {
    display:flex; align-items:center; justify-content:center;

    width:32px; aspect-ratio:1;
    border-radius:50%;
    background-color:var(--vii-color-blue); color:var(--vii-color-on-primary);
}
.vii-social-buttons a i.icon-zalo {font-size:20px;}

/* text white */
.txt_color_white .vii-social-buttons a {color:#fff;}
.txt_color_white .vii-social-buttons a i {background:#fff; color:var(--vii-color-blue);}


@media only screen and (max-width:1023px) {
    .vii-social-buttons {
        flex-direction:column;
        gap:12px var(--vii-gap-container);
    }
}