Tags CSS

.tag{
 position:relative;
 padding:10px 30px 10px 30px;
 display:inline-block;
 border: 3px solid #f00;
 border-left:0;
 margin-left:10px;
 line-height:20px;
 margin:30px 20px 0;
 font-family:sans-serif;
 font-size:15px;
 border-radius:6px;
 text-decoration:none;
 color:#f00;
}
.tag:before{
 content:'';
 border:3px solid #f00;
 border-right:0;
 border-bottom:0;
 position: absolute;
 top:4px;
 left:-13px;
 width:29px;
 height:29px;
 transform: rotate(-45deg);
}
.tag:hover, .tag:hover:before{
 background-color:#f00;
 color:#fff;
}