.podcast-card {
    border: 1px solid rgb(255 255 255 / 12%);
    width: 100%;
    max-width: 24%;
    padding: 28px 16px 20px 16px;
}

.podcast-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.audio-player {
    background: #031F29;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    gap: 8px;
}

.audio-player button {
    display: inline-flex;
    height: 36px;
    padding: 9.366px;
    justify-content: center;
    align-items: center;
    gap: 6.69px;
    flex-shrink: 0;
    background: #D6FF62;
    border: none;
    width: 36px;
}

.podcast-right h4 {
    color: var(--grey-scale-ffffff, #FFF);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 120% */
    margin-top: 0px;
    margin-bottom: 12px;
}

.podcast-right p {
    color: var(--grey-scale-adb-5-bd, #ADB5BD);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 24px;
}

.episode-podcast {
    gap: 16px;
    row-gap: 24px;
}

.flex {
    display: flex;
}

.j-between {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

.audio-player .waveform {
    width: 100%;
    /* or set a fixed width like 300px */
    height: 34px;
    /* height you want visually */
    display: block;
    /* remove inline spacing */
}