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

.userName {
  display: none;
}

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