.community-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 1.15rem);
}

.community-icons__link {
  flex-shrink: 0;
  width: 1.45rem;
  height: 1.45rem;
  background: #a2a2a2;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  text-decoration: none;
  transition:
    background 0.25s ease,
    filter 0.25s ease,
    transform 0.2s ease;
}

.community-icons__link:hover {
  transform: translateY(-1px);
  background: linear-gradient(
    90deg,
    var(--cyber-blue) 0%,
    var(--cyber-purple) 45%,
    var(--cyber-pink) 100%
  );
  filter:
    drop-shadow(0 0 8px rgba(168, 85, 247, 0.45))
    drop-shadow(0 0 12px rgba(255, 43, 214, 0.35));
}

.community-icons__link--instagram {
  -webkit-mask-image: url("./assets/social/instagram.svg");
  mask-image: url("./assets/social/instagram.svg");
}

.community-icons__link--discord {
  -webkit-mask-image: url("./assets/social/discord.svg");
  mask-image: url("./assets/social/discord.svg");
}

.menu-panel__socials.community-icons {
  justify-content: flex-end;
  gap: clamp(0.85rem, 2.5vw, 1.35rem);
}

.menu-panel__socials.community-icons .community-icons__link {
  width: clamp(1.35rem, 3vw, 1.65rem);
  height: clamp(1.35rem, 3vw, 1.65rem);
}