Как прервать border с одной стороны и сделать его похожим на outline, т.е вокруг контейнера?
.parent {
  margin: 50px auto;
  width: 320px;
  background-image: linear-gradient(orangered 20%, transparent 20%, transparent 80%, orangered 80%);
  padding: 10px;
  padding-right: 0;
}
.arrow {
  position: relative;
  width: auto;
  height: 200px;
  background: rgb(240,240,240);
  border-right: 10px solid orangered;
  }
UPD: Ладно, тогда так:
codepen.io/aliencash/pen/ONmOdV
Сделать блок, который его перекроет, удобнее всего с помощью :before или :after