audio:hover,  
audio:focus, 
audio:focus-within {
    border: 3px solid #aaa;
    border-radius: 4em;
}

audio:focus, audio:hover, audio:focus-within {
    border: 3px solid #aaa;
    background-color: #aaa;
    border-radius: 4em;
}
audio {
    margin-bottom: -.7em;
    background-color: var(--mainColor);
}
audio {
    margin: 1em 0 0;
        margin-bottom: 0px;
    min-width: 20em;
    max-width: 23em;
    border: 3px solid transparent;
    outline: none;
    border-radius: 4em;
}