.social-links {
  display: flex;
  max-width: 400px;
  list-style: none;
  padding-left: 0;
}
.social-links svg {
  height: 17px;
  width: 17px;
  fill: #4d4d4d;
}
.social-links .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background: #f5f5f5;
  transition: background 0.3s;
  margin-right: 17px;
}
.social-links .icon-wrapper:hover {
  background: #e37700;
}
.social-links a {
  display: flex;
  align-items: center;
}
.social-links a:hover {
  color: #e37700;
}
.social-links .name {
  display: none;
}

.sidebar .social-links {
  flex-direction: column;
}
.sidebar .social-links .icon-wrapper {
  background: #4d4d4d;
}
.sidebar .social-links a {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.sidebar .social-links svg {
  fill: white;
}
.sidebar .social-links .name {
  display: block;
  margin-left: 10px;
}
/*# sourceMappingURL=social-links.css.map */