Badge Icon

by JakobJingleheimer

HTML

<div id="container"></div>

CSS

#container {
    background-color: #eee;
    height:48px;
    margin:20px;
    position:relative;
    width:48px;
}

#container:after {
    background:#f00;
    background: radial-gradient(ellipse at center, #D62A2D 0%,#C12629 100%);
    border:2px solid #fff;
    border-radius:1em;
    color:#fff;
    content:"2";
    font-size:11px;
    line-height:11px;
    padding:0.2em 0.4em;
    position:absolute;
    right:-0.5em;
    top:-0.5em;
}