.social-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px 0 30px; }
  @media only screen and (max-width: 767px) {
    .social-block {
      margin: 15px 0 20px; } }
  .social-block__item {
    position: relative;
    padding: 0 10px 10px 0; }
  .social-block__link {
    position: relative;
    height: 40px;
    width: 40px;
    display: block;
    border-radius: 40px;
    overflow: hidden;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .social-block__link:hover {
      opacity: 0.5; }