#ecofm-player{

position:fixed;
bottom:0;
left:0;

width:100%;
height:70px;

background:rgba(51,51,51,0.9);

display:flex;
align-items:center;
justify-content:space-between;

padding:0 20px;

z-index:999999;

font-family:Arial;

}

/* LEFT */

#ecofm-left{
display:flex;
align-items:center;
}

#ecofm-cover{

width:70px;
height:70px;

object-fit:cover;

margin-right:10px;

}

#ecofm-meta{
display:flex;
flex-direction:column;
}

#ecofm-artist{

font-size:16px;
font-weight:bold;

color:white;
}

#ecofm-title{

font-size:16px;
color:#ddd;
}

/* CENTER */

#ecofm-center{
position:absolute;
left:50%;
transform:translateX(-50%);
}

#ecofm-play{

width:86px;
height:86px;

border-radius:50%;

border:none;

background:#72828 !important;

margin-top:-20px;

cursor:pointer;

display:flex;
align-items:center;
justify-content:center;

color:white !important;

}

#ecofm-icon{
font-size:34px;
}

/* RIGHT */

#ecofm-right{
display:flex;
align-items:center;
}

#ecofm-volume{
margin-right:15px;
}

#ecofm-popup{

background:#72828 !important;

color:#ffffff !important;

border:none !important;

padding:6px 10px;

cursor:pointer;

border-radius:4px;

}
}

body{
padding-bottom:70px;
}
@media (max-width:768px){

#ecofm-player{

height:70px;

justify-content:center;

padding:0;

}

#ecofm-meta,
#ecofm-right{

display:none;

}

#ecofm-left{

position:absolute;
left:10px;

}

#ecofm-center{

position:static;

transform:none;

}

#ecofm-play{

width:70px;
height:70px;

margin-top:0;

}

#ecofm-icon{

font-size:28px;

}

}