.nestlist li {
    list-style: none;
    background-color: #FFF;
    position:relative;
  }
  
  .nestlist li a {
    text-align: left;
    color: #000;
    padding-left: 10px;
  }
  
  *:focus-within > .nestlist {
    display: flex;
  }
  
  .nestlist {
      position: absolute;
      display: flex;
      flex-direction: column;
      background-color: var(--bg-color);
      text-align: left;
      padding-left: 0;
      min-width: 20rem;
      display:none;
      top: 125%;
      z-index: 25;
  }
  
  .nestlist.inner{
      left: 103%;
      top:0;
  }
  
  .nestlist::before{
      content: "";
      display: block;
      width:0;
      height: 0;
      top: -2%;
      left: 10%;
      right:0;
      position: absolute;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid var(--bg-color);
  }
  
  .nestlist.inner::before {
      top: 8%;
      left: -2%;
      border-left: none;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 5px solid var(--bg-color);
  }