ui/mutebutton.razor.scss
MuteButton {
    position: absolute;
    //min-width: 60%;
    width: 48px;
    height: 48px;
    top: 5px;
    right: 58px;
    //display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px;
    background-color: #00000066;
    //flex-direction: row;
    //padding: 8px;
    backdrop-filter: blur(3px);
    border: 2px solid transparent;

    &:hover {
        border: 2px solid #ffffff22;
    }

    &:active {
        border: 2px solid #ffffff88;
    }

    .mute_button {
        width: 75%;
        height: 75%;
        //font-size: 30px;
        //font-family: W10Emoji;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        pointer-events: all;
        transition: all 0.2s ease-out;

        &:hover {
            //transform: rotate(45) scale(1.2);
            //filter: brightness(2.5);
            width: 80%;
            height: 80%;
        }

        &:active {
            //transform: rotate(250) scale(0.9);
            //filter: brightness(8);
            width: 60%;
            height: 60%;
        }
    }
}