Изменить CSS пользовательского агента тега Audio

Я хотел бы отредактировать собственный аудиотег HTML, но для этого мне нужно использовать библиотеки jquery и mediaelement, чтобы добиться этого:

//https://codepen.io/tomma5o/pen/jAKQYz

$('audio').mediaelementplayer({
   features: ['playpause','progress','current','tracks','fullscreen']
});

Я новичок в React, так что как вы думаете, имеет ли это большое влияние на производительность реакции при добавлении библиотеки jquery в этом случае?

ИЗМЕНИТЬ

&::-webkit-media-controls-play-button,
&::-webkit-media-controls-mute-button,
&::-webkit-media-controls-time-remaining-display,
&::-webkit-media-controls-volume-slider {
   display: none;
}

Но скрыть кнопку загрузки не получается

&::-internal-media-controls-download-button {
   display: none !important;
}

У меня такая же проблема с CSS-сегментом трека, я не могу задать цвет фона для каждого сегмента.

Мой звук выглядит так ...