title: How do I style the default Wordpress audio player with CSS?
body: <p>I frequently use the Wordpress audio shortcode to embed my podcast episodes in my posts:</p>
  
  <pre><code>[audio src="http://podcastsourcefile"]
  </code></pre>
  
  <p>Unfortunately, the default audio player looks terrible. I would like to have it restyled with CSS. I have a mockup I can send to show you what it should look like, but here's the basic gist:</p>
  
  <ul>
  <li>background color: #B27D47 </li>
  <li>replace play button image (I can provide the .png file) </li>
  <li>make the player 75 pixels tall, 100% width </li>
  <li>round the corners of the player</li>
  </ul>
  
  <p>Here's what I would like the player to look like: </p>
  
  <p><img src="https://i.stack.imgur.com/2pPPI.jpg" alt=""></p>
  
  <p>(I have the .png file of the play button.)</p>