.sharebuttons-sf {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    padding-left: 15px;
    z-index: 50;
    /*border: red solid 1px;*/
}

.sharebuttons-sf span {
    color: #bbb;
}

.sharebuttons-sf div a {
    margin: 0 0.5rem; display: block;
}

.sharebuttons-sf div a svg,
.sharebuttons-sf div a img {
    width: auto; height: 30px; display: block;
}

.will-change_sf {
    fill: #fff;
}

/*.will-change {transition: 150ms;}*/
nav.sharebuttons-sf div > a:hover .will-change_sf {
    fill: #666;
}