.play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: left 0.5s ease, top 0.5s ease; /* Smooth transition initially */
    
}
.play_btn .icon{
    transition: opacity 0.5s ease 1s;
    background-size: 100%;
    background-position: center;
    width: 4rem;
    height: 4rem;
}
.play_btn.unmute .icon{
    opacity: 1;
    transition: opacity 0.5s ease 0s;
    background-image: url('https://21x.eu/wp-content/uploads/2024/06/icon_mute.svg')
}
.play_btn.mute .icon{
    opacity: 0;
    transition: opacity 0.5s ease 1s;
    background-image: url('https://21x.eu/wp-content/uploads/2024/06/icon_unmute.svg')
}