.myPagesMenu {
  display: none;
}

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

  .chevron {
    transition: transform 0.3s;
  }

  .chevron.isExpanded {
    transform: rotate(180deg);
  }

  .dropdown {
    position: absolute;
    top: calc(
      3.5rem - 2px
    ); /* 3.5rem is the height of the main menu + bottom padding. */
    right: 0;
    background-color: var(--Base-Surface-Primary-light-Normal);
    border-radius: var(--Corner-radius-lg);
    box-shadow: 0 0 0.875rem 0.375rem rgba(0, 0, 0, 0.1);
    min-width: 20rem;
    z-index: var(--menu-overlay-z-index);
  }
}
