.fixed {
      position: fixed;
      width: 188px;
      left: 0;
      bottom: 200px;
      padding: 15px;
      background: #fff;
      border-radius: 0 10px 10px 0;
      /*display: flex;*/
      flex-direction: column;
      gap: 10px;
      z-index: 9999;
    }

    #joinQRcode,#joinText {
      display: block;
    }

    #joinButton {
      background: hsl(120 85% 45%);
      color: white;
      border-radius: 15px;
      padding: 10px;
      display: none;
    }

    @media screen and (max-width: 768px) {
      .text-\[10px\] {
        font-size: 8px!important;
      }

      .fixed {
        position: fixed;
        width: 48px;
        left: 0;
        bottom: 200px;
        padding: 0px;
        background: #fff;
        display: flex;
        flex-direction: column;
        gap: 10px;
        z-index: 9999;
      }

      .text-\[16px\] {
        font-size: 12px!important;
      }

      #joinQRcode,#joinText {
        display: none;
      }

      #joinButton {
        background: hsl(120 85% 45%);
        color: white;
        border-radius: 0px 15px 15px 0px;
        padding: 10px;
        display: block;
        font-size: 14px;
      }
    }