.links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  flex-direction: row;
}

.icon-link {
  text-decoration: none;
}

.icon {
  --icon-bg: var(--accent, #e2e8f0);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #0b1220;
  background: var(--icon-bg);
  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

.icon-link:hover .icon {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
  filter: brightness(1.05);
}
.icon img,
.icon .icon-img { width: 26px; height: 26px; display: block; }
.icon:not(.custom) img,
.icon:not(.custom) .icon-img { filter: brightness(0) invert(1) saturate(1.4) !important; }
.icon.custom img,
.icon.custom .icon-img { filter: none !important; }

/* Service colors */
.icon.youtube { --icon-bg: #ff0000; background: var(--icon-bg); color: #fff; }
.icon.spotify { --icon-bg: #1db954; background: var(--icon-bg); color: #0b1220; }
.icon.discord { --icon-bg: #5865f2; background: var(--icon-bg); color: #fff; }
.icon.twitch { --icon-bg: #9146ff; background: var(--icon-bg); color: #fff; }
.icon.instagram { --icon-bg: #ee2a7b; background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7); color: #fff; }
.icon.telegram { --icon-bg: #229ed9; background: var(--icon-bg); color: #fff; }
.icon.tiktok { --icon-bg: #000; background: var(--icon-bg); color: #fff; }
.icon.x { --icon-bg: #000; background: var(--icon-bg); color: #fff; }
.icon.snapchat, .icon.snap { --icon-bg: #fffc00; background: var(--icon-bg); color: #000; }
.icon.github { --icon-bg: #0d1117; background: var(--icon-bg); color: #f0f6fc; }
.icon.linkedin { --icon-bg: #0a66c2; background: var(--icon-bg); color: #fff; }
.icon.facebook { --icon-bg: #1877f2; background: var(--icon-bg); color: #fff; }
.icon.pinterest { --icon-bg: #e60023; background: var(--icon-bg); color: #fff; }
.icon.reddit { --icon-bg: #ff4500; background: var(--icon-bg); color: #fff; }
.icon.paypal { --icon-bg: #00457c; background: var(--icon-bg); color: #fff; }
.icon.soundcloud { --icon-bg: #ff5500; background: var(--icon-bg); color: #fff; }
.icon.behance { --icon-bg: #1769ff; background: var(--icon-bg); color: #fff; }
.icon.dribbble { --icon-bg: #ea4c89; background: var(--icon-bg); color: #fff; }
.icon.steam { --icon-bg: #0b1e2b; background: var(--icon-bg); color: #c7d5e0; }
.icon.playstation { --icon-bg: #003087; background: var(--icon-bg); color: #fff; }
.icon.xbox { --icon-bg: #107c10; background: var(--icon-bg); color: #fff; }
.icon.kick { --icon-bg: #52ff00; background: var(--icon-bg); color: #0b1220; }
.icon.signal { --icon-bg: #3a76f0; background: var(--icon-bg); color: #fff; }
.icon.bitcoin { --icon-bg: #f7931a; background: var(--icon-bg); color: #fff; }
.icon.ethereum { --icon-bg: #333; background: var(--icon-bg); color: #fff; }
.icon.threads { --icon-bg: #000; background: var(--icon-bg); color: #fff; }
.icon.bluesky { --icon-bg: #1185fe; background: var(--icon-bg); color: #fff; }
.icon.vk { --icon-bg: #4a76a8; background: var(--icon-bg); color: #fff; }
.icon.patreon { --icon-bg: #ff424d; background: var(--icon-bg); color: #fff; }
.icon.boosty { --icon-bg: #f15f2c; background: var(--icon-bg); color: #fff; }
.icon.buymecoffee { --icon-bg: #ffd343; background: var(--icon-bg); color: #000; }
.icon.ko_fi { --icon-bg: #29abe0; background: var(--icon-bg); color: #fff; }
.icon.custom { --icon-bg: var(--accent, #e2e8f0); background: var(--icon-bg); color: #0b1220; }