gradient music player

<!--- CHANGE SONG COLORS ETC --->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<style type="text/css">
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:relative;
bottom:0;
margin-bottom:0;
left:0;
margin-left:10px;
display:flex;
z-index:99;
}

#glenplayer02 a {
text-decoration:none;
}

#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}

.music-controls {
user-select:none;
-webkit-user-select:none;
width:25px;
font-size:20px;
cursor:pointer;
}

.playy, .pausee {
background: radial-gradient(circle, rgba(248, 199, 255,1) 0%, rgba(253, 242, 255, 1) 50%, rgba(248, 199, 255,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color:transparent;
-webkit-text-stroke-width: 0.4px;
-webkit-text-stroke-color: #808080;
-webkit-filter: drop-shadow(0px 0px 1px #F8C7FF);
} /* color of play & pause buttons */

.pausee {
display:none;
}

.sonata {
margin-left:5px;
color:#222; /* color of music note symbol */
}

.labeltext {
margin-left:0px;
font-family:courier new;
font-size:9px;
color:#222; /* color of song title */
}

</style>
<body>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">❚❚</div>
</div>
<div class="sonata"> </div>
<div class="labeltext"><img src="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-2ico.gif" ></div>
</div><!--end music player-->

<audio id="tune" src="https://dl.dropbox.com/s/3c5asjtiaixxveu/Cigarette%20Daydreams-%20Cage%20The%20Elephant%20%28Lyrics%29%20%7CYou%20were%20only%20seventeen%7CTikTok%7C.mp3?dl=0"></audio>
</body>