button[data-mute-state] {
    border: none;
    background-color: transparent;
}

[data-mute-state='unmute'],
[data-mute-state='mute'] {
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 10;
    padding: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

[data-mute-state='unmute'] {
    background-image: url('../assets/images/unmute.svg');
}

[data-mute-state='mute'] {
    background-image: url('../assets/images/mute.svg');
}

@media only screen and (max-width: 1280px) {
	[data-mute-state='unmute'],
	[data-mute-state='mute'] {
		width: 30px;
		height: 30px;
		right: 45px;
	}
}

@media only screen and (max-width: 768px) {
	[data-mute-state='unmute'],
	[data-mute-state='mute'] {
		right: 20px;
	}
}