body{

  background-color:rgba(255,165,0,.2);}

​

div{

 background-color:#FF8888;

  border: 1px solid #FF8888;

 width:100px;

 height:100px;

 position:relative;

 top:100px;

 left:50%;

 transform: rotate(-45deg);}

​

div:before{

  content:"";

  width:100px;

  height:100px;

  border-radius:50%;

  background-color:#FF8888;

  position:absolute;

  top:-50px;

  left:0;}

​

div:after{

  z-index:-1;

  content:"";

  width:100px;

  height:100px;

  border-radius:50%;

  background:#FF8888;

  position:absolute;

  top:0px;

  left:50px;}