[data-mute-element]{position:absolute;z-index:10;left:0;bottom:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:99999px;background-color:rgba(0,0,0,.4);margin-bottom:10px;margin-left:10px;transition:background-color .3s}@media (min-width:768px){[data-mute-element]{width:50px;height:50px;margin-bottom:20px;margin-left:20px}}@media (min-width:1024px){[data-mute-element]{width:60px;height:60px;margin-bottom:30px;margin-left:30px}}[data-mute-element]:hover{background-color:rgba(0,0,0,.5)}[data-mute-element] svg{width:18px}@media (min-width:768px){[data-mute-element] svg{width:22px}}@media (min-width:1024px){[data-mute-element] svg{width:30px}}[data-mute-element] svg:last-child{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:0;visibility:hidden}[data-mute-element].on svg:first-child{opacity:0;visibility:hidden}[data-mute-element].on svg:last-child{opacity:1;visibility:visible}