#livestatus{
  font-size: 11px;
  border-radius: 20px;
}

.live{
  /*font-weight: bold;*/
  color: pink;
  background-color: var(--red);
  box-shadow: 0 0 2px 3px salmon;
  padding: 1px 5px 2px 5px;
  margin: 1px 4px -1px -2px;
}

.offline{
  color: var(--darktone);
  background-color: var(--mywhite);
  opacity: 0.3;
  padding: 1px 4px 2px 4px;
  margin: 1px 4px -1px -2px;
}

.livealign{
  display: flex;
  align-items: center;
}


                @media screen and (max-width: 700px){
                
                  .livealign{
                    flex-direction: column-reverse;
                  }
                  
                  .live{
                    padding: 1px 5px 1px 5px;
                    margin: 1px 0 1px 0;
                  }
                  
                  .offline{
                    margin: 1px 0 1px 0;
                  }
                }