.custom-audio-wrapper .audio-inner-wrapper{align-items:center;background:#f6f6f6;border-radius:70px;box-sizing:border-box;display:flex;margin:0 auto;max-width:470px;padding:5px 20px 5px 6px;width:100%}.custom-audio-wrapper .audio-inner-wrapper .play-btn{align-items:center;background:#cfcfcf;border-radius:100%;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:10px;width:40px}.speed-btn-wrapper .next-speed-wrapper span,.speed-btn-wrapper .prev-speed-wrapper span{align-items:center;border:1px solid #e7e7e7;border-radius:100%;cursor:pointer;display:flex;height:25px;justify-content:center;scale:1;transition:all .4s ease-in-out;width:25px}.audio-progress-wrapper{flex:1;margin:0 14px;position:relative}.audio-progress-wrapper .audio-base{background:#cfcfcf;border-radius:8px;height:7px;margin-right:8px;width:100%}.audio-progress-wrapper .audio-fill{background:#ffdc00;border-radius:8px;bottom:0;height:7px;left:0;position:absolute}.audio-progress-wrapper .audio-fill .audio-thumb span{background:#ffdc00;border:2px solid #cfcfcf;border-radius:100%;cursor:pointer;height:18px;left:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.audio-full-speed span{align-items:center;border:1px solid #e7e7e7;border-radius:100%;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:25px;justify-content:center;margin-right:5px;transition:all .4s ease-in-out;width:25px}.audio-full-speed span:hover{background:#e7e7e7}.audio-full-speed.speed-active-full span{background:#ffdc00;border-color:transparent}.speed-btn-wrapper{align-items:center;display:flex;gap:5px}.audio-time span{color:#a0a0a0;font-size:12px;font-weight:300;line-height:17px}.custom-audio-wrapper .play-btn{background:#000;border-radius:50%;height:60px;overflow:hidden;position:relative;transition:background-color .4s ease;width:60px}.music-icon{opacity:1;transform:translateX(16px)}.music-icon,.play-icon{transition:all .4s ease-in-out}.play-icon{align-items:center;display:flex;justify-content:center;transform:translateX(-50px)}.custom-audio-wrapper .audio-inner-wrapper .play-btn.play-active,.custom-audio-wrapper .audio-inner-wrapper .play-btn:hover{background:#ffdc00}.custom-audio-wrapper .audio-inner-wrapper .play-btn.play-active .music-icon,.custom-audio-wrapper .audio-inner-wrapper .play-btn:hover .music-icon{transform:translateX(55px)}.custom-audio-wrapper .audio-inner-wrapper .play-btn:hover .play-icon{transform:translateX(-5px)}.custom-audio-wrapper .audio-inner-wrapper .play-btn .pause-icon{display:flex;transform:translateX(-60px);transition:all .4s ease-in-out}.custom-audio-wrapper .audio-inner-wrapper .play-btn.play-active .pause-icon{transform:translateX(-23px)}.custom-audio-wrapper .audio-inner-wrapper .play-btn.play-active .play-icon{opacity:0;transform:translateX(25px)}.speed-btn-wrapper .next-speed-wrapper span:hover,.speed-btn-wrapper .prev-speed-wrapper span:hover{background:#e7e7e7}.speed-btn-wrapper .next-speed-wrapper span svg,.speed-btn-wrapper .prev-speed-wrapper span svg{scale:1;transition:all .4s ease-in-out}.speed-btn-wrapper .next-speed-wrapper span:focus-visible,.speed-btn-wrapper .prev-speed-wrapper span:focus-visible{background:#ffdc00;outline:none}.speed-btn-wrapper .next-speed-wrapper span:active,.speed-btn-wrapper .next-speed-wrapper span:focus-visible,.speed-btn-wrapper .prev-speed-wrapper span:active,.speed-btn-wrapper .prev-speed-wrapper span:focus-visible{background:#ffdc00;outline:none}.speed-btn-wrapper .next-speed-wrapper span:active svg,.speed-btn-wrapper .prev-speed-wrapper span:active svg{scale:.9}