.social-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.social-links__icon {
  border-radius: 0%;
  display: inline-flex;
  height: 30px;
  margin: 0 0.188rem;
  position: relative;
  width: 30px;
}

.social-links__icon svg {
  fill: #FFF;
  height: 0.188rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.social-links__icon:hover svg,
.social-links__icon:focus svg,
.social-links__icon:active svg {
  fill: #9E0917;