<div class="ApproximatedSuperellipse"></div>
.ApproximatedSuperellipse{
	width: 200px;
	height: 200px;
	transform: rotate(-19deg);
	border-radius:
    43% 57% 43% 57% /
    57% 43% 57% 43%;
	background-image: 
		linear-gradient(
			150deg,
			#fff49d 0%,
			#d85882 50%,
			#840e78 100%
		);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.