.hexagon {
position: relative;
width: 300px;
height: 173.21px;
background-color: #eb0f5c;
margin: 86.60px 0;
}
.hexagon:before,
.hexagon:after {
content: "@";
position: absolute;
width: 0;
border-left: 150px solid transparent;
border-right: 150px solid transparent;
}
.hexagon:before {
bottom: 100%;
border-bottom: 86.60px solid #eb0f5c;
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 86.60px solid #eb0f5c;
}