.social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.social-links__link {
  display: block;
  background-color: #485557;
  height: 1.51em;
  width: 1.51em;
  -webkit-transition: -webkit-transform .1s ease-out;
  transition: -webkit-transform .1s ease-out;
  transition: transform .1s ease-out;
  transition: transform .1s ease-out, -webkit-transform .1s ease-out; }
  .social-links__link:not(:last-child) {
    margin-right: .5em; }
  .social-links__link:hover, .social-links__link:focus {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }

.social-links__link .icon {
  height: 100%;
  width: 100%; }
  .social-links__link .icon use {
    fill: #fff; }