.social_media {
  width: 100%;
  display: block;
  li {
    margin-right: em(5px);
    display: inline-block;
    &:last-child {
      margin-right: 0;
    }
  }
}

.social_media__item {
  display: block;
  width: em(34px);
  height: em(34px);
  border-radius: 50%;
  background: $white;
  line-height: em(34px);
  text-align: center;
  color: $green;
  font-size: em(13px);
  transform: none;
  transition: transform 0.2s ease-in-out;
  will-change: transform;
  &:hover {
    transform: scale(1.1);
  }
}

.content {
  .social_media {
    margin: em(50px) 0;
  }
  .social_media__item {
    background: $facebook_blue;
    color: $white;
  }
}