@media (max-width: 720px) {
.mobile-bottom-nav {
position: fixed;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: min(720px, 100vw);
          height: 62px;
          background: #fff;
          border-top: 1px solid #e5e5e8;
          z-index: 100;
          justify-content: space-around;
          align-items: center;
}

.mobile-bottom-nav button {
border: 0;
          background: transparent;
          color: #2d3038;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 3px;
          min-width: 70px;
          font-size: 22px;
}

.mobile-bottom-nav small {
font-size: 10px;
}

.mobile-bottom-nav .active {
color: var(--orange);
}
}

.mobile-bottom-nav button span {
font-size: 20px;
        line-height: 1;
}