<script src="https://kit.fontawesome.com/4d924bc545.js" crossorigin="anonymous"></script>
<style>
.button {
background-color: ►
border: none;
color: white;
padding: 2px 20px;
border-radius: 8px;
text-align: center;
vertical-align: center;
text-decoration: none;
font-size: 8px;
transition-duration: 0.4s;
cursor: pointer;
margin: 0px 4px;
}
.buttonplay {
background-color: none;
border-radius: 8px;
color: black;
border: none;
}
.buttonplay:hover {
background-color: #ecf0e9;
border-radius: 8px;
color: white;
border: none;
}
</style>
<p>Which Spanish letter do you hear?<br>
<button class="button buttonplay" onclick="document.getElementById('nyeh').play()"><i class="fas fa-play" aria-hidden="true" style="color:#ffffff;"></i><audio id="nyeh"><source src="https://docs.google.com/uc?export=download&id=18Q8ftdZEEHogxKOD1abVEvAA8wdtu76a" type="audio/mpeg" /></audio></button></p>