Notification Status CSS

....................................
Html
....................................
<button class="badge1" data-badge="6">Badge Notification Example</button>
<br>
<a href="" class="badge1" data-badge="27">Badge Notification Example</a>


....................................
CSS
....................................
.badge1 {
		position:relative;
	}
	.badge1[data-badge]:after {
		content:attr(data-badge);
		position:absolute;
		top:-1px;
		right:-2px;
		font-size:1em;
		background:red;
		color:white;
		width:18px;height:18px;
		text-align:center;
		line-height:18px;
		border-radius:50%;
		box-shadow:0 0 1px #333;
	}
  
  .badge1[data-badge=””]:after {
		content: none; /*for hiding if there is no content */
	}