How to make an octagonal button?

Question

css

Please help me how can I make an octagonal button?

Answer 1

The button is clickable

Answer 2

https://habr.com/en/post/126207/
<div id="octagon"></div>

#octagon {
  width: 300px;
  height: 100px;
  background: red;
  position: relative;
}

 
#octagon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;    
  border-bottom: 29px solid red;
  border-left: 29px solid #eee;
  border-right: 29px solid #eee;
  width: 242px;
  height: 0;
}
 
#octagon:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;    
  border-top: 29px solid red;
  border-left: 29px solid #eee;
  border-right: 29px solid #eee;
  width: 242px;
  height: 0;
}