.menu-mobile {
  width: 300px;
  max-height: 84vh;
  position: fixed;
  background: white;
  overflow: scroll;
  visibility: hidden;
  padding-bottom: 15%;
  transition: .3s;
  box-shadow: 0 2px 14px rgba(0,0,0,.1);
  z-index: 1000;

  &.ativo {
    visibility: visible;
    transform: translateX(0);
  }

  &__items {
    list-style: none;
    padding: 0;
    margin-bottom: 0;

    a {
      @include estilo-fonte('Open Sans', 14, $azulEngeplus, 500);
      display: flex;
      align-items: center;

      .descricao {
        div {
          @include estilo-fonte(false, 11, $cinzaFraco, false)
        }
      }

      .svg {
        font-size: 50px;
      }
    }

    .item-menu-mobile {
      text-align: left;
      padding: 27px 30px;
      border-bottom: 1px solid #d2d2d2;
      position: relative;

      &.mobile-sub-menu {
        a:first-child {
          font-size: 20px;
          font-weight: 600;
        }
        .descricao {
          margin-top: 30px;
        }
      }
      &:hover {
        &::after {
          width: 1em;
          display: block;
          content: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" id="icon-cheveron-right" viewBox="0 0 20 20"><title>cheveron-right</title><path d="M12.95 10.707l0.707-0.707-5.657-5.657-1.414 1.414 4.242 4.243-4.242 4.243 1.414 1.414 4.95-4.95z"></path></svg>');
          background-size: 28px 28px;
          position: absolute;
          top: 40%;
          right: 0;
          margin-right: 20px;
        }
      }
    }
  }
}