div{
  width:100px;
  height:100px;
  background:tomato;
  position:relative;
  top:100px;
  left:200px;
  transform:rotate(45deg);
    
}
div:after{
  content:"";
  width:100px;
  height:100px;
  background:tomato;
  border-radius:50%;
  position:absolute;
  top:-50px;
  left:0px;
  
}
div:before{
  content:"";
  width:100px;
  height:100px;
  background:tomato;
  border-radius:50%;
  position:absolute;
  top:0px;
  left:-50px;
  
}