.social {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  overflow: hidden;
  font-size: 16px;
  margin: 0 5px;
  text-decoration: none; }
  .social:before {
    margin-right: 0; }
  .social:first-child {
    margin-left: 0; }
  .social:hover {
    color: #fff;
    text-decoration: none; }
  .social--vkontakte {
    background-color: #3b4a5f; }
    .social--vkontakte:hover {
      background-color: #586f8e; }
    .social--vkontakte:before {
      width: auto; }
  .social--facebook {
    background-color: #3f5c96; }
    .social--facebook:hover {
      background-color: #6482be; }
  .social--youtube {
    background-color: red; }
    .social--youtube:hover {
      background-color: #ff4d4d; }
  .social--twitter {
    background-color: #56abee; }
    .social--twitter:hover {
      background-color: #9ccef5; }
  .social--instagram {
    background-color: #d10869; }
    .social--instagram:hover {
      background-color: #f72e8f; }
  .social--telegram {
    background-color: #35ace1; }
    .social--telegram:hover {
      background-color: #78c7eb; }
  .social--odnoklassniki {
    background-color: #ee8208; }
    .social--odnoklassniki:hover {
      background-color: #f9a74a; }

@media (max-width: 768px) {
  .social {
    margin-bottom: 5px; }
    .social:last-child {
      margin-right: 0; } }