
  .bottom-navigation {
    display: flex;
    justify-content: space-evenly;
    padding: 10px;
    background-color: #ffffff;
    position: fixed;
    bottom: 0px;
    left:0px;
    width: 100vw;

    .tab-button {
      button {
        border:none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: none;
        color: #888;
  
        svg {
          width: 2em;height: 2em;
          // width: 24px;
          // height: 24px;
          margin-bottom: 5px;
        }
        img {
          width: 24px;
          height: 24px;
          margin-bottom: 5px;
        }
  
        span {
          font-size: 12px;
        }
      }

      .active{
        color: rgb(92, 91, 91);
        transform: scale(1.1);
        font-weight: bold;
      }
     
    }
  }