Edit
/* scss/6-page-content-elements/_sharebar.scss */
/* Sharebar */
.m-share {
margin: 14px 0;
}
.m-share__button {
display: block;
width: auto;
height: 40px;
min-height: 0; /* override base button min-height */
padding: 0 11px 0 23px;
margin: 0;
cursor: pointer;
color: var(--color-link-base);
border: 0;
background: transparent;
font-size: 0.94rem;
line-height: 0.94rem;
text-transform: none;
letter-spacing: 0.015rem;
position: relative;
}
.m-share__button:hover,
.m-share__button:focus {
background: transparent;
text-decoration: none;
color: var(--color-link-base);
}
.m-share__button:hover span,
.m-share__button:focus span {
color: #000;
}
.m-share__button [class^="fa"] {
position: absolute;
left: 1px;
}
/* Share links */
#collapsedlinks-share {
overflow: visible;
padding: 0 7px;
animation: none;
}
.m-share__li,
.user_content ul li.m-share__li {
display: inline-block;
padding: 0;
margin: 0;
}
.m-share__link {
display: block;
padding: 0.75rem;
font-size: 1.2rem;
}
.m-share__link:hover,
.m-share__link:focus {
color: #000;
}
/* Arrow placement: right tooltip */
#collapsedlinks-share [data-popper-arrow] {
width: 10px;
height: 10px;
left: -6px;
background: #fff;
}
#collapsedlinks-share [data-popper-arrow]::before {
content: "";
width: 10px;
height: 10px;
position: absolute;
z-index: -1;
transform: rotate(45deg);
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid var(--color-wmsilver-25);
border-bottom: 1px solid var(--color-wmsilver-25);
background: #fff;
}
/* Arrow placement: bottom tooltip */
#collapsedlinks-share[data-popper-placement="bottom"] [data-popper-arrow] {
top: -6px;
}
#collapsedlinks-share[data-popper-placement="bottom"] [data-popper-arrow]::before {
transform: rotate(135deg);
}