div {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(45deg);

    background: rgba(255, 20, 147, 0.85);

    width: 140px;

    height: 140px;

}

div::before,

div::after {

    content: "";

    position: absolute;

    top: 0;

    left: -70px;

    width: 140px;

    height: 140px;

    border-radius: 50%;

    background: rgb(255, 20, 147);

    z-index: -1;

}

div::before {

    top: -70px;

    left: 0;

}

​