.social-tabs__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.social-tabs__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    padding: 6px 12px;
}

.social-tabs__button + .social-tabs__button {
    margin-left: 5px;
}

.social-tabs__button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
}

.social-tabs__button-icon svg {
    display: inline-block;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.social-tabs__button_provider_vkontakte {
    color: #fff;
    background: #45668e;
}

.social-tabs__button_provider_odnoklassniki {
    color: #fff;
    background: #ed812b;
}

.social-tabs__button:hover,
.social-tabs__button[data-tab-active] {

}

.social-tabs__content {
    border: 1px solid #ccc;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.social-tabs__tab-content {
    display: none;
}

.social-tabs__tab-content:hover,
.social-tabs__tab-content[data-tab-active] {
    display: block;
}