.enter-social {
margin-top: 1em; text-align: center;
}
.enter-social__inner {
display: flex; flex-wrap: wrap; justify-content: space-between;
}
.btn-social {
margin-top: 16px; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: 100%; border-radius: 50%; opacity: .75; transition: margin-top .125s ease-out; transition: box-shadow .125s ease-out; transition: opacity .125s ease-out; &:hover { margin-top: 15px; @include shadow-lg; opacity: 1; cursor: pointer; }
}
.btn-social–vk {
background-image: asset-data-url('svg/social/vk.svg');
} .btn-social–fb {
background-image: asset-data-url('svg/social/fb.svg');
} .btn-social–gg {
background-image: asset-data-url('svg/social/gg.svg');
} .btn-social–yx {
background-image: asset-data-url('svg/social/yx.svg');
} .btn-social–mr {
background-image: asset-data-url('svg/social/mr.svg');
} .btn-social–st {
background-image: asset-data-url('svg/social/st.svg');
} .btn-social–im {
background-image: asset-data-url('svg/social/im.svg');
}