Шестиугольник css

.span {
width: 30px;
height: 30px;
background:rgb(255 255 255 / 20%);
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
opacity: 0.8;
margin: 3px;
}