/**
 * Social buttons
 */

.social-buttons ul {display:flex; margin:0; list-style:none;}
.social-buttons ul > li {padding:0;}
.social-buttons ul > li:not(:last-child) {margin:0 30px 0 0;}
.social-buttons ul > li > a {text-decoration:none; color:var(--vii-color-text);}
.social-buttons ul > li > a:hover, .social-buttons ul > li > a:focus {text-decoration:none; color:var(--vii-color-primary);}

.social-buttons.icon {--sb-icon-size:48px;}
.social-buttons.icon ul > li:not(:last-child) {margin:0 8px 0 0;}
.social-buttons.icon ul > li > a {
    width:var(--sb-icon-size); height:var(--sb-icon-size); line-height:2.7;
    border-radius:50%; border:2px solid #000; text-align:center; display:block;
    font-weight:700;
}
.social-buttons.icon ul > li > a:hover, .social-buttons.icon ul > li > a:focus {
    background-color:var(--vii-color-primary); color:#fff; border-color:var(--vii-color-primary);
}