@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

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

.social-links__link {
  display: block;
  background-color: #485557;
  height: 1.51em;
  width: 1.51em;
  -webkit-transition: -webkit-transform 0.1s ease-out;
  transition: -webkit-transform 0.1s ease-out;
  -o-transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
}

.social-links__link:not(:last-child) {
  margin-right: 0.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;
}