Eem Boxout Borders

blockquote.sidebar {
  &::before {
    content: "";
    background: #cc9133;
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: 0;
    --inset: 0.4rem;
    --border: 1px;
    clip-path: polygon(
      0 var(--inset),
      var(--inset) var(--inset),
      var(--inset) 0,
      calc(100% - var(--inset)) 0,
      calc(100% - var(--inset)) var(--inset),
      100% var(--inset),
      100% calc(100% - var(--inset)),
      calc(100% - var(--inset)) calc(100% - var(--inset)),
      calc(100% - var(--inset)) 100%,
      var(--inset) 100%,
      var(--inset) calc(100% - var(--inset)),
      0 calc(100% - var(--inset)),
      0 50%,
      var(--border) 50%,
      var(--border) calc(100% - var(--inset) - var(--border)),
      calc(var(--inset) + var(--border))
        calc(100% - var(--inset) - var(--border)),
      calc(var(--inset) + var(--border)) calc(100% - var(--border)),
      calc(100% - var(--inset) - var(--border)) calc(100% - var(--border)),
      calc(100% - var(--inset) - var(--border))
        calc(100% - var(--inset) - var(--border)),
      calc(100% - var(--border)) calc(100% - var(--inset) - var(--border)),
      calc(100% - var(--border)) calc(var(--inset) + var(--border)),
      calc(100% - var(--inset) - var(--border))
        calc(var(--inset) + var(--border)),
      calc(100% - var(--inset) - var(--border)) var(--border),
      calc(var(--inset) + var(--border)) var(--border),
      calc(var(--inset) + var(--border)) calc(var(--inset) + var(--border)),
      var(--border) calc(var(--inset) + var(--border)),
      var(--border) 50%,
      0 50%
    );
  }

  &::after {
    content: "";
    background: #cc9133;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    --inset: 0.2rem;
    --border: 1px;
    clip-path: polygon(
      0 var(--inset),
      var(--inset) var(--inset),
      var(--inset) 0,
      calc(100% - var(--inset)) 0,
      calc(100% - var(--inset)) var(--inset),
      100% var(--inset),
      100% calc(100% - var(--inset)),
      calc(100% - var(--inset)) calc(100% - var(--inset)),
      calc(100% - var(--inset)) 100%,
      var(--inset) 100%,
      var(--inset) calc(100% - var(--inset)),
      0 calc(100% - var(--inset)),
      0 50%,
      var(--border) 50%,
      var(--border) calc(100% - var(--inset) - var(--border)),
      calc(var(--inset) + var(--border))
        calc(100% - var(--inset) - var(--border)),
      calc(var(--inset) + var(--border)) calc(100% - var(--border)),
      calc(100% - var(--inset) - var(--border)) calc(100% - var(--border)),
      calc(100% - var(--inset) - var(--border))
        calc(100% - var(--inset) - var(--border)),
      calc(100% - var(--border)) calc(100% - var(--inset) - var(--border)),
      calc(100% - var(--border)) calc(var(--inset) + var(--border)),
      calc(100% - var(--inset) - var(--border))
        calc(var(--inset) + var(--border)),
      calc(100% - var(--inset) - var(--border)) var(--border),
      calc(var(--inset) + var(--border)) var(--border),
      calc(var(--inset) + var(--border)) calc(var(--inset) + var(--border)),
      var(--border) calc(var(--inset) + var(--border)),
      var(--border) 50%,
      0 50%
    );
  }
}