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;}