.nav {

  display: grid;
  padding: var(--space-x-large) var(--space-medium);
  position: relative;

  section {

    display: grid;
    font-size: var(--font-size-x-small);
    justify-content: center;
    letter-spacing: var(--letter-spacing-loose);
    line-height: var(--space-neutral);

    a {

      color: inherit;
      display: flex;
      font-weight: 600;
      gap: 0.2em;
      text-decoration: none;

      svg {
        align-self: center;
        height: 1.35em;
        max-height: 100%;
        overflow: visible;
        pointer-events: none;
        width: auto;
      }

      span {
        font-weight: 600;
      }

    }

  }

  @media(min-width: 64em) {
    padding-left: var(--space-neutral);
    padding-right: var(--space-neutral);
  }

}