.social-icons {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.social-icons a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--foreground);
  transition: color 0.2s ease-in-out;
}

.social-icons a:hover {
  color: var(--accent);
}

.social-icons .social-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}

.social-icons span {
  font-size: 0.875rem;
}