.share-highlighter--popup {
    display: none;
    width: auto
}

.share-highlighter--popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute
}

.share-highlighter--popup a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #DDDFE2;
    font-size: .9em;
    margin-right: 4px;
    transition: all .1s ease-in-out;
    text-decoration: none;
    fill: #9b9faa
}

.share-highlighter--popup a .sp-icon {
    width: 16px;
    height: 16px
}

.share-highlighter--popup a.twitter {
    background-color: #2a9fee;
    border-color: #2a9fee
}

.share-highlighter--popup a.email {
    background-color: #33a474;
    border-color: #33a474
}

.share-highlighter--popup a:hover,
.share-highlighter--popup a:active,
.share-highlighter--popup a:focus {
    text-decoration: none;
    cursor: pointer;
    transform: translateY(-2px)
}