.block-social {
  margin-bottom: 2rem;
  padding-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

.block-social__title {
  margin: 0;
}

.block-social__list {
  display: flex;
  gap: 2rem;
}

.block-social__list-item {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  gap: 0.25rem;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.block-social__list-item:hover {
  filter: brightness(0) saturate(100%) invert(15%) sepia(34%) saturate(2804%) hue-rotate(206deg)
  brightness(96%) contrast(96%);
}

.block-social__list-item-link {
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.block-social__list-item-link:hover {
  color: transparent;
}

/* Social icons */

.ps-socialfollow-discord {
  background-image: url('../../assets/icon/discord.svg');
  background-position: 50%;
  background-size: 2rem auto;
}

.facebook {
  background-image: url("../../assets/icon/facebook.svg");
}

.twitter {
  background-image: url("../../assets/icon/twitter.svg");
  filter: brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(7466%) hue-rotate(210deg)
  brightness(92%) contrast(92%);
}

.linkedin {
  background-image: url("../../assets/icon/linkedin.svg");
}

.rss {
  background-image: url("../../assets/icon/rss.svg");
  filter: brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(7466%) hue-rotate(210deg)
  brightness(92%) contrast(92%);
}

.youtube {
  background-image: url("../../assets/icon/youtube.svg");
  filter: brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(7466%) hue-rotate(210deg)
  brightness(92%) contrast(92%);
}

.googleplus {
  background-image: url("../../assets/icon/gplus.svg");
  filter: brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(7466%) hue-rotate(210deg)
  brightness(92%) contrast(92%);
}

.pinterest {
  background-image: url("../../assets/icon/pinterest.svg");
  filter: brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(7466%) hue-rotate(210deg)
  brightness(92%) contrast(92%);
}

.vimeo {
  background-image: url("../../assets/icon/vimeo.svg");
  filter: brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(7466%) hue-rotate(210deg)
  brightness(92%) contrast(92%);
}

.instagram {
  background-image: url("../../assets/icon/instagram.svg");
}

@media (min-width: 1200px) {
  .block-social {
    flex-basis: 12.5rem;
    margin-bottom: 0;
    margin-right: 1.5rem;
  }
}