Как сделать рамку в виде продолжения цифры?
Как-то так https://codepen.io/AnnaSummer/pen/wvEJbbq

snippet
Как вариант, если без магии с СВГ и прочими:
У блока с цифрой сделать выноску на ПСЕВДОЭЛЕМЕНТЕ и разместить ее ПОВЕРХ бордера.
&:before {
   content: "";
   position: absolute;
   top: 100%;
   left: сколько надо;
   height: 10px или сколько надо;
   width: 20px или сколько надо;
   background-color: #fff; // и это самое узкое место, т.к. измениться фон - будет видена эта выноска
   z-index: 2;
  }