.connections{
    clear: both;
    display: flex;
    flex-wrap: wrap;
}
.connections__button{
    display: flex;
    align-items: center;
    border-radius: 0.25rem;
    overflow: hidden;
    text-decoration: none !important;
    color: #fff;
    background-color: #596275;
    flex: 0 0 220px;
}
.connections__button{
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.connections__icon{
    background: rgba(0,0,0,0.1);
    font-size: 1.2rem;
}
.connections__button:hover{
    color: #EDEDED;
}
.connections__data{
    white-space: nowrap;
}
.connections__icon, .connections__data{
    padding: 0.5rem;
}
/* colors */
.connections__button_wa{
    background-color: #12d259;
}
.connections__button_vi{
    background-color: #675da9;
}
.connections__button_vk{
    background-color: #0077FF;
}
.connections__button_ok{
    background-color: #ff7700;
}
.connections__button_tg{
    background-color: #0088cc;
}
.connections__button_email{
    background-color: #434a58;
}
.connections__button_link{
    background-color: #fd4f1a;
}