GlazOtca

Никак его не увеличить - это интерфейс браузера по умолчанию для аудио. Можно поместить его в блок и отцентровать и задавать размеры блоку. Или писать свой интерфейс плеера, со своими кнопками, цветами, иконками, управлением и полосой проигрывания.

А вам куда больше надо в верстку или в программинг?
Gulp хорошо подходит при верстке - это таскраннер.
Webpack - подходит для создания бандлов из скриптов и ресурсов(css, картинки, шрифты) - это бандлер.
Можно, конечно их скрещивать, но это камасутра уже.

Сделать нативный инпут невидимым, а вместо него написать свой компонент, удовлетворяющий всем пожеланиям и потребностям. Или найти уже готовый из библиотек UI

Такой вариант подходит?

<div class="icon twitter">
 <div class="tooltip">Discord</div>
 <a href="https://discord.gg/ссылка"><span><i class="fab fa-discord"></i></span></a>
 </div>

или такой:

<div class="icon twitter">
  <div class="tooltip">Discord</div>
   <span><a href="https://discord.gg/ссылка"><i class="fab fa-discord"></i></a></span>
</div>