.audio-container {position: relative;padding-bottom: 250px; /* 16:9 Aspect Ratio */height: 0;overflow: hidden;max-width: 100%;background: #eee;margin-bottom: 20px;border-radius: 20px;color: #000;}
.audio-container .video-js {max-width: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;overflow: hidden;background: none;background: none;/* padding: 30px; *//* border-radius: 30px 30px 0 0; */overflow: hidden;}
.audio-container .video-js > wave {
    background: rgb(176,66,249);
    background: linear-gradient(90deg, rgba(176,66,249,1) 0%, rgba(98,0,201,1) 100%);
    border-radius: 20px 20px 0 0;
    height: 170px !important;
}
.audio-container .video-js wave wave { border: none !important; }
.audio-container .video-js wave wave canvas {} 


.audio-container .video-js .vjs-control-bar {flex-wrap: wrap;height: auto;justify-content: center;padding: 0 0 10px 0;background: none;color: #000;}
.audio-container .video-js .vjs-control-bar .vjs-time-divider {
    padding: 0;
    width: auto;
    text-align: center;
    min-width: auto;
}
.audio-container .video-js .vjs-control-bar .vjs-progress-control { order: 0; flex: 0 1 100%; padding: 0 70px; margin: 0 0 10px 0; }
.audio-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {background: rgb(0 0 0 / 10%);height: 2px;}
.audio-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress { background: rgb(0 0 0 / 10%); }
.audio-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress div {background: rgb(0 0 0 / 15%);}
.audio-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
    background: #903de3;
}
.audio-container .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress::before {font-size: 18px;top: -8px;right: -9px;line-height: 1;color: #903de3;}
.audio-container .video-js .vjs-control-bar > *  {order:2}
.audio-container .video-js .vjs-control-bar .vjs-volume-panel {}
.audio-container .video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-control {}
.audio-container .video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
    background: rgb(0 0 0 / 20%);
}
.audio-container .video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar .vjs-volume-level {
    background: #000;
}

.audio-container .video-js .vjs-control-bar .vjs-button {}
.audio-container .video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder {}
.audio-container .video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder::before {
    /* font-size: 26px; */
    /* line-height: 1; */
}