*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#ffda65;background:linear-gradient(180deg, #ffda65 0%, #fcfcfc 22%, #a7fbff 30%, rgba(122,254,255,0.7) 48%, rgba(8,115,255,0.35) 88%, rgba(0,140,255,0.1) 100%)}.player-audio{position:relative;width:350px;height:390px;box-shadow:0 50px 80px rgba(0,0,0,0.25);border-radius:0 0 7px 7px}.player-audio__poster{position:absolute;bottom:40px;left:0;width:350px;height:350px;object-fit:cover;border-radius:7px 7px 0 0}.player-audio__track{position:absolute;bottom:0;z-index:9;height:40px;width:100%;background-color:#f1f3f4;outline:none}.player-audio__next-btn{width:35px;height:35px;margin:0;padding:0;position:absolute;border:none;right:8%;top:7%;transform:translate(50%, -50%);z-index:9;background-image:url(./next.svg);background-color:white;background-position:center;background-repeat:no-repeat;background-size:64%;box-shadow:0 0 7px white,0 0 14px white,inset -1px -2px 3px rgba(0,0,0,0.4),inset 1px -2px 3px rgba(0,0,0,0.4);border-radius:50%;cursor:pointer;transition:300ms;outline:none;border:1px solid rgba(0,0,0,0.4)}.player-audio__next-btn:hover{width:40px;height:40px}.audiojs{width:100%;height:40px;position:absolute;left:0;bottom:0;border-radius:0 0 7px 7px}.audiojs audio{left:0;bottom:0}