.links__section {
  text-align: center;
  padding: 20px 0;
}

.links__section h3 {
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--clr-white-400);
}

.links-container {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.link-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  transition: transform 0.2s, filter 0.2s;
}

.link-icon img {
  width: 100%;
  height: 100%;
  filter: brightness(0) invert(1);
  transition: filter 0.2s;
}

.link-icon:hover img {
  filter: invert(50%) sepia(92%) saturate(1000%) hue-rotate(180deg)
    brightness(95%) contrast(90%);
  transform: scale(1.1);
}