.social-button {
  font-family: PT Sans Narrow, Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  box-sizing: border-box;
  height: 30px;
  padding-right: 15px;
  padding-left: 36px;
  vertical-align: bottom;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border-radius: 4px;
  background: none no-repeat transparent;
  background-size: auto 30px;
  margin-right: 5px;
  cursor: pointer;
}
.social-button:hover,
.social-button:active {
  opacity: .9;
  color: #fff;
}
.social-button_vk {
  padding-left: 40px;
  background-color: #4d75a3;
  background-image: url('data:image/svg+xml;base64,IAo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNS4xIDM1LjloMnMuNi0uMS45LS40Yy4zLS4zLjMtLjkuMy0uOXMwLTIuNiAxLjItM2MxLjItLjQgMi44IDIuNiA0LjQgMy43IDEuMi45IDIuMS43IDIuMS43bDQuNC0uMXMyLjMtLjEgMS4yLTJjLS4xLS4xLS42LTEuMy0zLjMtMy44LTIuOC0yLjYtMi40LTIuMS45LTYuNiAyLTIuNyAyLjgtNC4zIDIuNi01LjEtLjItLjctMS43LS41LTEuNy0uNWgtNXMtLjQtLjEtLjYuMWMtLjMuMi0uNC41LS40LjVzLS44IDIuMS0xLjggMy45Yy0yLjIgMy43LTMuMSAzLjktMy40IDMuNy0uOC0uNS0uNi0yLjItLjYtMy4zIDAtMy42LjYtNS4xLTEuMS01LjUtLjUtLjEtLjktLjItMi4zLS4yLTEuOCAwLTMuMyAwLTQuMS40LS42LjMtMSAuOS0uNy45LjMgMCAxLjEuMiAxLjUuNy40LjkuNCAyLjQuNCAyLjRzLjMgNC4zLS43IDQuOGMtLjcuNC0xLjYtLjQtMy42LTMuOC0xLTEuNy0xLjgtMy43LTEuOC0zLjdzLS4xLS40LS40LS42Yy0uMy0uMi0uOC0uMy0uOC0uM0gxMHMtLjcgMC0xIC4zYy0uMi4zIDAgLjggMCAuOHMzLjcgOC42IDcuOSAxM2MzLjkgNC4yIDguMiAzLjkgOC4yIDMuOXoiLz48L3N2Zz4=');
  background-position: 5px -2px;
  background-size: auto 32px;
}
.social-button_facebook {
  padding-left: 32px;
  background-color: #3a5795;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAyMHYtM2MwLTEuMy4zLTIgMi40LTJIMzF2LTVoLTRjLTUgMC03IDMuMy03IDd2M2gtNHY1aDR2MTVoNlYyNWg0LjRsLjYtNWgtNXoiLz48L3N2Zz4=');
  background-position: 5px center;
  background-size: auto 28px;
}
.social-button_twitter {
  background-color: #55acee;
  background-image: url('data:image/svg+xml;base64,IAo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM5LjIgMTYuOGMtMS4xLjUtMi4yLjgtMy41IDEgMS4yLS44IDIuMi0xLjkgMi43LTMuMy0xLjIuNy0yLjUgMS4yLTMuOCAxLjUtMS4xLTEuMi0yLjctMS45LTQuNC0xLjktMy4zIDAtNi4xIDIuNy02LjEgNi4xIDAgLjUuMS45LjIgMS40LTUtLjItOS41LTIuNy0xMi41LTYuMy0uNS43LS44IDEuNy0uOCAyLjggMCAyLjEgMS4xIDQgMi43IDUtMSAwLTEuOS0uMy0yLjctLjh2LjFjMCAyLjkgMi4xIDUuNCA0LjkgNS45LS41LjEtMSAuMi0xLjYuMi0uNCAwLS44IDAtMS4xLS4xLjggMi40IDMgNC4yIDUuNyA0LjItMi4xIDEuNi00LjcgMi42LTcuNSAyLjYtLjUgMC0xIDAtMS40LS4xIDIuNCAxLjkgNS42IDIuOSA5IDIuOSAxMS4xIDAgMTcuMi05LjIgMTcuMi0xNy4yVjIwYzEuMi0uOSAyLjItMS45IDMtMy4yeiIvPjwvc3ZnPg==');
  background-position: 6px -1px;
}
.social-button_blablanator {
  background-color: #6a920f;
  background-image: url('data:image/svg+xml;base64,IAo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1IDQyaC0ybDEuMi0xLjZjLjgtMS4xIDEuMy0yLjUgMS42LTQuMkMxMC44IDMzLjkgOCAyOS42IDggMjRjMC04LjYgNi41LTE0IDE3LTE0czE3IDUuNCAxNyAxNGMwIDguOC02LjQgMTQtMTcgMTRoLS43Yy0xLjYgMS45LTQuNCA0LTkuMyA0em0xMC0zMGMtOS40IDAtMTUgNC41LTE1IDEyIDAgNi40IDMuOSA5LjQgNy4yIDEwLjdsLjcuMy0uMS44Yy0uMiAxLjYtLjUgMy0xLjEgNC4yIDMuMy0uNCA1LjItMi4xIDYuMy0zLjVsLjMtLjRIMjVjMTMuNSAwIDE1LTguNCAxNS0xMkM0MCAxNi41IDM0LjQgMTIgMjUgMTJ6Ii8+PC9zdmc+');
  background-position: 7px 1px;
  background-size: auto 26px;
}