.headerLink {
  display: flex;
  align-items: center;
  gap: var(--Spacing-x1);
}

.headerLink:hover {
  color: var(--Base-Text-High-contrast);
}

.headerLink .icon * {
  fill: var(--Base-Text-Medium-contrast);
}

.headerLink:hover .icon * {
  fill: var(--Base-Text-High-contrast);
}