Apple Get/Install button
HTML
<div class="button"><span class="glyphicon glyphicon-plus"></span><span class="text">GET</span></div>
CSS
.button {
position: relative;
float: right;
margin: 20px 20px 0 0;
padding: 6px 12px;
color: #4ABBFF;
border: 1px solid #4ABBFF;
border-radius: 6px;
cursor: pointer;
max-width: 90px;
overflow: hidden;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.button span.glyphicon {
position: absolute;
top: 3px;
left: 3px;
font-size: 8px;
}
.button.install {
color: #01DE20;
border: 1px solid #01DE20;
max-width: 82px;
}
.button.install span.glyphicon {
display: none;
}
JavaScript
$('.button').on('click', function() {
$(this).text('NO WAY')
});