.easyrtcMirror {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
body {
    font-family: sans-serif;
    background-color: #373F46;
    background-image: url("../img/space.webp");
    background-position: top;
    background-repeat: no-repeat;
    background-blend-mode:hard-light;
}

#videos {

}
.noscrolls {
  overflow: hidden;
}

video#remoteVideo {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    margin: 10px;
      overflow: hidden;
}

video#localVideo {
  width: 200px;
  object-fit: contain;
  border-radius: 8px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.button.active {
    background-color: #D9534F; /* Цвет для отключённого состояния (например, красный) */
}

.button.inactive {
    background-color: #4CAF50; /* Цвет для включённого состояния (например, зелёный) */
}

.button {
  background-color: #f3f3f3;
  border: none;
  width: 48px;
  height: 48px;
  padding-top: 4px;
  border-radius: 50%
}
.button#videoToggleButton {
  position: absolute;
  right: 0;
  z-index: 10;
}
.button#micToggleButton {
  position: absolute;
  left: 0;
  z-index: 10;
}
.button:hover {
  background-color: #4F5D6A;
}