.mini-player {
    position: fixed;
    z-index: 2;
    left: 5px;
    bottom: 5px;
    max-width: 25%
}

html[dir=rtl] .mini-player {
    right: 5px;
    left: auto
}

@media(max-width:992px) {
    .mini-player {
        max-width: 50%
    }
}

@media(max-width:576px) {
    .mini-player {
        max-width: 75%
    }
}

#exit-mini-player {
    display: none;
    position: absolute;
    top: 3px;
    right: 5px;
    z-index: 3
}

    #exit-mini-player:hover {
        color: #fff
    }

html[dir=rtl] #exit-mini-player {
    left: 5px;
    right: auto
}

.mini-player:hover #exit-mini-player {
    display: block;
    color: #fff
}