JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
 <div class="wh">
 <div class="angle">
  <article class="indent">
   <span class="zagolovok_1 colourSilver">Сказочное заморское яство</span><br />
   <span class="nyamka"><b>Нямушка</b></span><br />
   <span class="s"><b>с фуа-гра</b></span><br />
   <p class="colourSilver"><b>10</b> порций<br />мышь в подарок</p>
  </article>
 </div>
 </div>

CSS

.wh{ 
    outline: 0px solid orange;
    width: 427px; 
    height: 640px; 
    background-color: white;  
    border-radius: 0px 10px 10px 10px;
    border: solid 6px #1698D9;
    cursor: pointer; 
    position: relative; 
}
.wh::before {
    content: '';
    position: absolute;
    left: -42px;
    top: -42px;
    border-style: solid;
    border-width: 36px;
    border-color: transparent transparent #fff transparent;
    transform: rotate(-45deg);
}
.wh::after {
    content: '';
    background-color: #1698D9;
    width: 70px;
    height: 6px;
    position: absolute;
    top: 18px;
    left: -14px;
    transform: rotate(-45deg);
}

.angle{
    margin-left: 50px;   
}