/*****************************
 * Share buttons
******************************/
.a2a_kit {display:flex;flex-wrap:wrap;--icon-size:32px; --svg-size:24px; --gap:4px;}
.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 .a2a_svg {background:var(--vii-color-primary) !important; border-color:var(--vii-color-primary);}
.a2a_kit > a:hover,
.a2a_kit > a:focus {color:var(--vii-color-primary);}
.a2a_kit > a:hover .a2a_svg,
.a2a_kit > a:focus .a2a_svg {background:var(--vii-color-orange) !important; border-color:var(--vii-color-orange);}
.a2a_kit > a:hover svg path,
.a2a_kit > a:focus svg path {fill:#fff;}

/* icon */
.a2a_kit .a2a_svg {
    width:var(--icon-size); height:var(--icon-size); line-height:var(--icon-size);
    border:1px solid #4f5354; 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 {
    display:none;
}

/*****************************
 * Share buttons
******************************/
@media screen and (max-width:1023px) {
    .vii-share-block {
        display:flex;align-items:center;gap:16px;
    }
    body:is(.story-detail, .blog-detail) .vii-share-block {
        padding-top:var(--vii-spacing-56);border-top:1px solid var(--vii-color-light-gray-7);
    }
    .vii-share-block__txt {margin-bottom:0;}
}