.linkWrapper {
  align-items: baseline;
  gap: var(--Spacing-x-half);
  z-index: 1;
}

.mobile {
  display: flex;
  grid-column: 1 / -1;
  justify-self: center;
}

.desktop {
  display: none;
}

.icon {
  align-self: center;
}

@media screen and (min-width: 768px) {
  .mobile {
    display: none;
  }

  .desktop {
    display: flex;
    grid-column: 2 / 3;
    justify-self: end;
  }
}