#hexagon {
text-align: center;
display: inline-block;
width: 50px;
height: 30px;
background: #cf4061;
position: relative;
font-size: 20px;
color: #fff;
line-height: 26px;
}
#hexagon:before {
content: "";
position: absolute;
top: 0;
left: -10px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 10px solid #cf4061;
}
#hexagon:after {
content: "";
position: absolute;
bottom: 0;
right: -10px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 10px solid #cf4061;
}