/* Social */
.social-row {
  display: flex;
  gap: 12px;
  align-items: center;
}
.top-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 10px 20px;
}

.social-icon {
  color: var(--text-secondary);
  transition: color var(--transition);
  display: flex;
}
.social-icon:hover {
  color: var(--text-primary);
}

@media (min-width: 1024px) {
  .social-icon svg {
    width: 22px;
    height: 22px;
  }
}