#player{margin:0px 0 0 0;}

#player .btn{width:24px;height:24px;display:block; transition: transform 0.2s ease;}
#player .btn:hover {
    transform: scale(1.2);
}
#player .btn.play 
{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300cc52'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain;
}

#player .btn.play.pause 
{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300cc52'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain;
}

#player .btn.play:hover 
{
    filter: drop-shadow(0 0 5px rgba(0, 204, 82, 0.5));
}

.player{visibility: hidden;position:absolute;top:0;height:0;}

#player .playlist{margin: 0 0 0 0;}

#player .item{
	
	display:block;
}
#player .item:first-child{border-top:none;}
#player .item a, #player .item span{display:block;}
#player .item, #player .item>div{overflow:hidden;position:relative;}
#player .item .title 
{
	overflow:hidden;
	float:right;
	font-weight:bold;
	color:#000;
	padding:7px 0 0 0;
}
#player .item .title em{
	color:#f53e3e;
	font-weight:normal;
	font-style:normal;
	}
#player .item .title>span{width:135px;display:inline-block;padding-left:5px;}
#player .item .btn 
{
    float:left; 
    margin: 0 0 0 0;
    cursor:pointer;
}