Bootstrap fontawesome badges

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<div class="container">
  <button class="btn btn-xs btn-link" style="font-size:25px;">
    <i class="fa fa-lock" style="color:#8286C5"></i>
  </button>
  <span class="badge badge-notify" style="font-size:10px;">3</span>
</div>

CSS

.badge-notify{
   background:#4CD964;
   position:relative;
  }