/** FOR MOBILE */
@media (max-width:480px) {
#live-c-w{
    width: 60px;
    height: 60px;
    border-radius: 50% 50%;
    display: flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right: 1em;
    bottom:2em;
    cursor: pointer;
    z-index: 99;
}
#live-l-b{
    color: #fff;
    position: fixed;
    top: 0;
    margin-top: 17px;
    right: 1em;
    font-weight: 700;
    cursor: pointer;
    z-index: 2147483647
  } 
    #live-c-f{
        background-color:transparent; width:100%; height:100%; position:fixed; display:none; bottom:0; right:0; z-index: 2147483645;
    }
}

/** FOR DESKTOP */

@media (min-width:480px) {
#live-c-w{
    width: 60px;
    height: 60px;
    border-radius: 50% 50%;
    display: flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right: 1em;
    bottom:2em;
    cursor: pointer;
    z-index: 99;
}
#live-l-b{
    color: #fff;
    position: fixed;
    bottom: 0;
    margin-bottom: 540px;
    right: 1.3em;
    font-weight: 700;
    cursor: pointer;
    z-index: 2147483647
  }
    #live-c-f{
        background-color:transparent; width:600px; height:600px; position:fixed; display:none; bottom:0; right:0; z-index: 2147483645;
    }
}

#live-c-w {
  animation: bounce 1s infinite ease-in-out alternate;
}
@keyframes bounce {
  0% {
    bottom: 2em;
  }
  100% {
    bottom: 1em; /* Adjust this value for the bounce height */
  }
}

#live-l-b{
display:none;
}


#live-c-w i{
font-size: 30px !important;
}