.rank {
   background: #4e4e4e;
   border-left: 3px solid rgba(0, 0, 0, 0.2);
   border-radius: 3px;
   font-family:'Open Sans', sans-serif;
   margin-top: 10px;
   text-align: left;
   height: 20px;
   position: relative;
   max-width: 170px;
   padding: 7px 5px;
   user-select: none;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
}

.rank.tek {
   height: 24px;
   padding-top: 8px;
}


.rank .r-seviye {
   font-size: 8px;
   margin-top: -1px;
}

.rank:before {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   height: 34px;
   width: 38px;
   background: rgba(0, 0, 0, 0.2);
   -webkit-clip-path: polygon(61% 0, 100% 0%, 100% 100%, 45% 100%);
   clip-path: polygon(61% 0, 100% 0%, 100% 100%, 45% 100%);
}