Как сделать срезанные углы в CSS

styles.ss

div, body { margin: 0; padding: 0 }

div {
    height: 200px;
    background: green;
}

div:after {
    content: '';
  
    position: absolute;
    left: 0;
    top: 0;
    
    border-top: 30px solid white;
    border-right: 30px solid green;
}

div:before {
    content: '';
  
    position: absolute;
    right: 0;
    top: 170px;
    
    border-bottom: 30px solid white;
    border-left: 30px solid green;
}