.topMenu {
  display: none;
  background-color: var(--Base-Surface-Subtle-Normal);
  padding: var(--Spacing-x2);
}

.content {
  max-width: var(--max-width-navigation);
  margin: 0 auto;
}

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

@media screen and (min-width: 768px) {
  .topMenu {
    display: block;
  }
  .content {
    display: grid;
    grid-template-areas: "topLink options";
    justify-content: space-between;
    gap: var(--Spacing-x3);
  }

  .topLink {
    grid-area: topLink;
  }

  .options {
    grid-area: options;
  }
}
