.crochet {
   background: #71b8c9;
  background-clip: padding-box;
  border: 4px dotted #71b8c9;
  position: relative;
  z-index: 1;
}

.crochet:before,
.crochet:after {
  border: inherit;
  border-width: 2px;
  content: '';
  left: -6px;
  right: -6px;
  top: -6px;
  bottom: -6px;
  position: absolute;
  z-index: -1;
}

.crochet:after {
  border-width: 1px;
  border-radius: 4px;
  left: -7px;
  right: -7px;
  top: -7px;
  bottom: -7px;
}