.audio-td {
    text-align: center;
    padding: 10px 10px;
}

.audio-title {
    display: inline-block;
    margin-bottom: 6px;
    text-decoration: none;
    color: #515151;
    font-size: 16px;
}

.audio-wrapper {
    width: 350px;
    max-width: 90%;
    margin: 0 auto;
}

/* Plyr */
.audio-wrapper .plyr {
    width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
/*
.audio-wrapper .plyr--audio .plyr__controls {
    padding: 4px 8px !important;
    min-height: 36px !important;
    border-radius: 14px !important;
}
*/

/*
.audio-wrapper .plyr--audio .plyr__control {
    width: 28px !important;
    height: 28px !important;
    padding: 6px !important;
}
*/

.audio-wrapper .plyr--audio .plyr__control svg {
    width: 14px !important;
    height: 14px !important;
}

.audio-wrapper .plyr--audio .plyr__time {
    font-size: 12px !important;
}


/* body of player */
.plyr--audio .plyr__controls {
    /*
    background: linear-gradient(
        180deg,
        #ffffff,
        #f6f8fb
    );
    */

    background: linear-gradient(
        to bottom,
        #fafafa 0%,
        #f2f2f2 50%,
        #e8e8e8 100%
    );
   

    border: 1px solid rgba(20,61,89,.08);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 3px 8px rgba(0,0,0,.08);
}

/*
.audio-wrapper {
    --plyr-color-main: #E36B2B;
}
*/

.audio-td,
.audio-wrapper,
.audio-wrapper .plyr {
    overflow: visible !important;
}

.audio-wrapper .plyr__menu__container {
    z-index: 9999 !important;
}

.audio-wrapper .plyr__menu__container {
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 99999 !important;
}

.audio-wrapper .plyr__menu {
    overflow: visible !important;
}

.audio-wrapper .plyr {
    overflow: visible !important;
}