.mark{

  color:white;

  border-radius:100px 100px 3px 3px;

  display:inline-block;

  background:blue;

  padding:10px 20px;

  position:relative;

  overflow:hidden;

  width:71px;

  height:80px;

}

.mark::after{

  content:"●●●●●●●●●●●●●●●●";

  font-size:10px;

  text-shadow:10px 2px 0px white;

  letter-spacing:8px;

  color:blue;

  line-height:0px;

  background:white;

  display:block;

  height:10px;

  left:0;

  right:0;

  bottom:0;

  position:absolute;

}

​

.mark::before{

  content:"";

  width:10px;

  height:20px;

  border:1px solid black;

  position:absolute;

  background:black;

  border-radius:100%;

  top:30px;

 left:25px;

  box-shadow:5px 0 0 5px,40px 0 0 0 black,45px 0 0 5px;

}