/*****************************
 * Share buttons
******************************/
.a2a_kit {
    display:flex;
    --icon-size:33px; --svg-size:20px; --gap:10px;
}
.a2a_kit > a {display:flex; align-items:center; flex-direction:row-reverse;}
.a2a_kit > a:not(:last-child) {margin-right:var(--gap);}

/* hover */
.a2a_kit > a:hover .a2a_svg {background:var(--vii-color-primary) !important;}
.a2a_kit > a:hover svg path {fill:#fff;}

/* icon */
.a2a_kit .a2a_svg {
    width:var(--icon-size); height:var(--icon-size); line-height:var(--icon-size); border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    transition:var(--vii-transition);
}
.a2a_kit .a2a_svg svg {width:var(--svg-size);}
.a2a_kit .a2a_svg svg path {transition:var(--vii-transition);}

/* label */
.a2a_kit .a2a_label {
    font-size:0;
}

/* Text */
.vii-share-block__txt {color:var(--vii-color-dark-gray);}

/* Custom color */
.a2a_kit .a2a_svg.a2a_s_facebook {background-color:#1877f2 !important;}
.a2a_kit .a2a_svg.a2a_s_linkedin {background-color:#2e65bc !important;}
.a2a_kit .a2a_svg.a2a_s_twitter {background-color:#03a9f4 !important;}
.a2a_kit .a2a_svg.a2a_s_link {background-color:#353455 !important;}


/* Sticky */
body.blog-detail .vii-share-block {position:sticky; top:40px; transition:var(--vii-transition);}
body.blog-detail.scroll-up .vii-share-block {top:calc(40px + var(--vii-header-height-sticky));}


/*****************************
 * Share buttons Responsive
******************************/
@media only screen and (max-width:480px) {
    .a2a_kit {--icon-size:30px; --gap:10px;}
}