Dlaczego pseudo-element after nie jest jakby lustrzanym odbiciem swojego elementu? Dałam scaleX -1.
.star{
top:330px;
width:0;
height:0;
border-bottom: 50px red solid;
border-left: 70px transparent solid;
border-right: 70px transparent solid;
transform:rotate(35deg);
position:relative;
}
.star::after{
content:"";
position:absolute;
border-bottom: 50px purple solid;
border-left: 70px transparent solid;
border-right: 70px transparent solid;
top:-40px;
transform:scalex(-1);
}