circle + expand on hover music player~!

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link href="//fonts.googleapis.com/css?family=Karla" rel="stylesheet">

<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<!-------MUSIC PLAYER BY GLENTHEMES------->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<style>

#ongaku {
position:fixed;
bottom:15px;
left:15px;
width:35px;
height:35px;
z-index:9999;
border:4px double #000; /*Border Colour*/
background-color:#fff; /*Music Tab Background Colour*/
border-radius:30px;
opacity:.6;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

#gaku {
width:24px;
height:24px;
margin-top:3px;
margin-left:3px;
overflow:hidden;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

#kero {
height:26px;
}

#kero img {
margin-right:10px;
margin-left:3px;
margin-top:3px;
}

#kero embed {
margin-top:-5px;
}

#kero embed, #kero {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

#ongaku:hover {

width:80px;
}

#ongaku:hover #gaku {
width:74px;
}

#ongaku:hover #kero {
margin-left:-50px;
}

.playy, .pausee {
margin-left:7px;
margin-top:4px;
position:relative;
left:20px;
font-size:15px;
color:#FEE6ED; /* play & pause buttons color */
cursor:pointer;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;

}

.pausee {display:none;}

</style>
<div id="ongaku"><div id="gaku"><div id="kero">
<table cellspacing"0" cellpadding="0"><tr><td>
<!-- Music Gif URL Here (Replace the Link)--><img src=" https://64.media.tumblr.com/tumblr_lu2dd4ocjj1qfoi4t.gif"></td><td>
<!-- Music Code Here -->

<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">♪</div>
</a>
<audio id="tune" src="https://dl.dropbox.com/s/qcboct0um8yamnf/Girl%27s%20Day%20%28%EA%B1%B8%EC%8A%A4%EB%8D%B0%EC%9D%B4%29%20-%20Darling%20%28%EB%8B%AC%EB%A7%81%29%20Color%20Coded%20Lyrics%20HANENGROM%20%EA%B0%80%EC%82%AC.mp3"audio"></audio>

</td></tr>
</table>
</div></div></div>