.badge_image {
position: relative; 
z-index: 2; 
width: 100px; 
height: 100px;
}
.badge_image:hover{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
                
.badge_css{
display: inline-block;
position: relative; 
width: 100px; 
height: 100px; 
line-height: 65px; 
text-align: center; 
color: white; 
top: 10px;
}
.badge_css:before{
color: #ef473a;
position: absolute;
content: '\2B22'; 
font-size: 90px; 
z-index: 1; 
width: 100px; 
height: 100px; 
left: 0;
}
.badge_css span {
position: relative; 
color: white; 
z-index: 2; 
width: 90px; 
height: 90px; 
line-height: 66px; 
text-align: center; 
left: -0; 
font-size: 23px;
}