Descanso em Ação

.audio{
display: flex;
width:100%;
justify-content:space-between;
padding: 1.5rem 1rem;
border-bottom: 1px #eee solid;
}

.audio-actions a {
color:#000;
text-decoration: none !important;
}
.audio-actions {
color: #000;
display: flex;
justify-content:center;
align-items:center;
}
.audio-actions > * {
border-radius:5px;
padding: 0.25rem 0.5rem;
background-image: linear-gradient(to top left, #eee, #ccc);
}
.audio-actions >* + *{
margin-left:0.75rem;
}
.audio-actions:hover{
cursor:pointer;
}