.cmf-mobile-nav-menu {
  position: fixed;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  flex-flow: row nowrap;

  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;

  background-color: var(--app-mobile-footer-bg-color);
  border: 0 none;

  // box-shadow: 0px -3px 6px var(--border-primary-color);
  box-shadow: -1px 4px 10px black;

  .cmf-mobile-nav-menu-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 20%;
  }
}

.more-menu-btn {
  display: flex;
  flex-flow: row nowrap;

  .more-menu-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 100%;
    margin-right: 12px;
  }
}