.custom-audio-wave-container {
    display: flex;
    flex-direction:row-reverse;
    justify-content: space-between;
    align-items: end;
    height: 80px;
    width: 100%;
    padding: 0 10px;
    margin: 20px 0;
}
.custom-audio-wave-bar {
    width: 4px;
    height: 20%;
    background: hsl(150, 80%, calc( 40% + 20% * (
    1 - abs((var(--i) - 50) / 50)
  ) ));
    border-radius: 4px;
    animation: custom-audio-waveAnim 1s infinite ease-in-out;
    animation-play-state: paused;
    transform-origin: bottom;
}
    .custom-audio-wave-bar:nth-child(odd) {
        animation-delay: calc(var(--i) * 0.08s);
    }

    .custom-audio-wave-bar:nth-child(even) {
        animation-delay: calc(var(--i) * 0.04s);
    }
@keyframes custom-audio-waveAnim {
    0%, 100% {
        height: 20%;
    }

    50% {
        height: 100%;
    }
}
.custom-audio-player {
    display: block;
    margin: 0 auto 30px;
}