.cornered {
  padding:3px 8px;
  position: relative;
}

ul.cornered {
  padding-left:initial;
}

.cornered:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  height:60px;
  width:60px;
  border: 1px solid transparent;
  border-image: linear-gradient(45deg,rgba(165,165,165,0) 5px, rgba(165,165,165,1) 10px, rgba(165,165,165,0) 45px, rgba(165,165,165,0) 100%);
  border-image-slice: 1;
}

.cornered:before {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  height:15px;
  width:15px;
  background: linear-gradient(45deg,  rgba(165,165,165,1) 0%,rgba(165,165,165,1) 50%,rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
  border-radius: 0 0 0 5px;
}