.headerLink {
  display: flex;
  align-items: center;
  gap: var(--Space-x1);
  color: var(--Text-Interactive-Secondary);
}

.headerLink:hover {
  color: var(--Text-Interactive-Default);
}

.headerLink .icon * {
  fill: var(--Icon-Interactive-Default);
}

.headerLink:hover .icon * {
  fill: var(--Icon-Interactive-Secondary);
}