<script src="https://kit.fontawesome.com/4d924bc545.js" crossorigin="anonymous"></script>
<style>
p {
text-align: left;
}
.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? <button class="button buttonplay" onclick="document.getElementById('beh1').play()"><i class="fas fa-play" aria-hidden="true" style="color:#ffffff;"></i><audio id="beh1"><source src="https://docs.google.com/uc?export=download&id=1IOtokgDfxgpV9LVNNomTxXclNkKUoCpV" type="audio/mpeg" /></audio></button></p>