.vebToggleNav {

  .hamburger.hamburger {
    background-color: transparent !important;
    padding: 0;
    border: none;
  }

  .vebToggleMenuWrap {
    position: fixed;
    z-index: 99;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(241, 121, 175, 1 );
    padding: 50px;
    width: 40%;
    min-width: 390px;
    overflow-y: auto;
    transition: ease all .3s;
    transform: translateX(100%);

    &.show-nav {
      transform: translateX(0);
    }

    .hamburger {
      margin-bottom: 50px;
    }

    a {
      color: #000;
      font-size: 20px;

      &:hover {
        opacity: .8;
      }
    }

    > div > ul {
      list-style: none;
      margin: 0;
      padding: 0;

      > li {
        padding: 15px 0;
        border-top: 3px solid #000;

        &:last-of-type {
          border-bottom: 3px solid #000;
        }
      }

      ul {
        list-style: none;
        margin: 20px 0;

        li a {
          line-height: 1.5;
        }
      }
    }
  }
}