Вот код index.html:
Код:
<!DOCTYPE html>
<html>
<head>
<title>Кнопка на HTML5 и CSS3</title>
<style>
.btn { box-shadow:0px 0px 5px #222; background-color:#398ed4; color:#fff; border:1px solid #3186cc; width:120px; height:35px; border-radius:4px; font-size:14pt; cursor:pointer; text-shadow:0px 0px 2px #fff;}
.btn::after { position:relative; top:-18px; left:1px; content:"free"; background-color:#e8174f; color:#fff; padding:2px 2px; font-size:8pt; border:0; text-shadow:0px 0px 0 #fff; }
.btn2 { box-shadow:0px 0px 5px #222; background-color:#398ed4; color:#fff; border:1px solid #3186cc; width:120px; height:35px; border-radius:4px; font-size:14pt; cursor:pointer; text-shadow:0px 0px 2px #fff;}
.btn2::after { position:relative; top:-18px; left:1px; content:"-10%"; background-color:#e8174f; color:#fff; padding:2px 2px; font-size:8pt; border:0; text-shadow:0px 0px 0 #fff; }
</style>
</head>
<body>
<button class="btn" onclick="alert('Вы нажали на скачать!');">Скачать</button>
<br>
<br>
<button class="btn2" onclick="alert('Вы нажали на скидку!');">5.99р</button>
</body>
</html>Результат: