/*****************************
 * Share buttons
******************************/
.vii-share-block {
    --bd-width-button:200px; --bd-height-button:50px;
    border:1px solid var(--vii-color-neutral-200);
}
.vii-share-block__txt {
    display:inline-flex; align-items:center; justify-content:center;
    width:100%; min-height:var(--bd-height-button); padding:5px 20px;
    border:1px solid var(--vii-color-neutral-200);
}

.a2a_kit {
    display:flex; flex-wrap:wrap;
    --icon-size:40px; --svg-size:23px; --gap:20px;
}
.a2a_kit > a {
    display:flex; align-items:center; justify-content:center;
    width:50%; height:var(--bd-height-button);
    border:1px solid var(--vii-color-neutral-200);
}
.a2a_kit > a:last-child {width:100%;}

/* hover */
.a2a_kit > a:hover {background:var(--vii-color-primary); color:transparent;}
.a2a_kit > a:hover .a2a_svg {background:transparent !important; border-color:transparent;}
.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);
    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 {
    position:relative !important; clip-path:none;
    width:auto; height:auto; margin-right:5px; display:none;
}


/*****************************
 * Share buttons Responsive
******************************/
@media only screen and (max-width:1180px) {
    .vii-share-block {--bd-width-button:150px;}
}
@media only screen and (max-width:480px) {
    .a2a_kit {--icon-size:30px; --svg-size:20px; --gap:10px;}
}