#audio-name{color: #ffffff;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;padding: 0 40px;height: 40px}
#player-close{position: absolute;right: 0;top: 0;border:none;padding:0;text-align: center;width: 40px;height: 40px;line-height: 40px;background: transparent;color: #ffffff;cursor: pointer}
#pp-button{position: absolute;left: 0;top: 0;border: none;padding: 0;text-align: center;width: 40px;height: 40px;line-height: 40px;background: transparent;color: #ffffff;cursor: pointer}
#ppbtn-container{position: absolute;left: 10px;bottom: 0}
#ppbar-container{position:relative;width: 100%;margin: 0;padding:0 60px;background: transparent}
#ppbar-container:before{content:attr(data-time);position:absolute;left:0;top:0;line-height: 16px}
#ppbar-container:after{content:attr(data-duration);position:absolute;right:0;top:0;line-height: 16px}
#ppbg-bar{position:relative;width: 100%;margin: 0;background: transparent;height: 16px;border: 1px solid #fff;border-radius: 30px}
#pppg-bar{position: absolute;top: 0;left: 0;width: 0%;background: #fff;bottom: 0;height: 100%;border-radius: 30px;pointer-events: none;max-width: 100%}
.player-controls .player-button{position: absolute;height:100%;width: calc(100% - 30px);top: 0;left: 15px;right:15px;font-size: 30px;background: rgba(0, 0, 0, 0.6);color: #ffffff;cursor: pointer;outline: 0;border:0}
.player-controls.acc-controls .player-button{width: 100%;top: 0;left: 0}
.player-controls .player-button .fa{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%)}
.audio-player{display:none;position:fixed;bottom: 0;width:50%;z-index: 999;padding:10px;margin: 0 25%;background-color: #ed724f;color: #ffffff}
@media only screen and (max-width: 600px) {
  .audio-player{width:100%;margin: 0 0}
}