.desktop-nav .special-link,
.mobile-nav .special-link {
  color: #fff;
  padding: 7px 12px;
  border: 1px solid rgba(139, 92, 246, 0.48);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.1), rgba(139, 92, 246, 0.2), rgba(244, 63, 142, 0.1));
  box-shadow: 0 0 24px rgba(139, 92, 246, 0.14);
}

.desktop-nav .special-link:hover,
.mobile-nav .special-link:hover {
  border-color: rgba(34, 211, 238, 0.7);
  box-shadow: 0 0 28px rgba(34, 211, 238, 0.18);
  transform: translateY(-1px);
}

.special-link span {
  color: #f0abfc;
  margin-left: 4px;
}

@media (max-width: 980px) {
  .mobile-nav .special-link {
    align-self: flex-start;
  }
}