<style type="text/css">A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal } A:visited { COLOR: black; TEXT-DECORATION: none; font-weight: normal } A:active { COLOR: black; TEXT-DECORATION: none } A:hover { COLOR: blue; TEXT-DECORATION: none; font-weight: none } .GraceYouTubeButton { display: inline-block; border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; font-size: 10px; padding: 7px; width: 125px; transition: all 0.5s; cursor: pointer; margin: 5px; } .GraceYouTubeButton span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .GraceYouTubeButton span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .GraceYouTubeButton:hover span { padding-right: 25px; } .GraceYouTubeButton:hover span:after { opacity: 1; right: 0; }
</style>
