Audio Player hover Effect

 <audio controls='controls' autoplay><source src='' audio source here"></audio>

<style type="text/css">

audio{max-width:268px; width:90%; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;-moz-box-shadow: 2px 2px 4px 0px #b3b3b3;-webkit-box-shadow: 2px 2px 4px 0px #b3b3b3;box-shadow: 2px 2px 4px 0px #b3b3b3;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;outline: 0;

} 

audio:hover, audio:focus, audio:active, .dbutton:hover, .dbutton:focus, .dbutton:active{-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;cursor:pointer;

}
</style>