video {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    /* Safari and Chrome */
    -moz-transform: rotateY(180deg);
    /* Firefox */
}

body {
    background-color: #bdc3c7;
}

#localVideo,
#remoteVideo {
    width: 500px;
    height: auto;
}

.my-button {
    width: 200px;
    height: 200px;
    outline-style: initial;
    border-radius: 100px;
    cursor: pointer;
}

input#un-mute {
    display: none;
}

.unmute img {
    display: none;
}

input#un-mute:checked~.unmute img {
    display: initial;
}

input#un-mute:checked~.mute img {
    display: none;
}