.mp-decorator {
	width: 100%;
	position: relative;
	color: #ffffff;
	overflow: hidden;
	
	&:before {
		content: " ";
		position: absolute;
		top: -30%;
		right: -20%;
		width: 60%;
		padding-bottom: 60%;
		height: 0;
		border-radius: 50%;
	}
	
	&:after {
		content: " ";
		position: absolute;
		bottom: -30%;
		right: -20%;
		width: 80%;
		padding-bottom: 80%;
		height: 0;
		border-radius: 50%;
	}
	
	&.mp-decorator__green {
		background: var(--mp-green, #1ea69a);
		
		&:before {
			background: linear-gradient(135deg, rgba(77, 209, 198, .33), rgba(79, 211, 200, 0));
		}
		
		&:after {
			background: linear-gradient(235deg, rgba(77, 209, 198, .33), rgba(79, 211, 200, 0));
		}
	}
	
	&.mp-decorator__orange {
		background: var(--mp-orange, #fe862f);
		
		&:before {
			background: linear-gradient(135deg, rgba(255, 197, 158, 0.33), rgba(255, 197, 158, 0));
		}
		
		&:after {
			background: linear-gradient(235deg, rgba(255, 197, 158, .33), rgba(255, 197, 158, 0));
		}
	}
	
	
	&.mp-decorator__blue {
		background: var(--mp-blue, #7ba7ff);
		
		&:before {
			background: linear-gradient(135deg, rgba(172, 209, 255, 0.33), rgba(172, 209, 255, 0));
		}
		
		&:after {
			background: linear-gradient(235deg, rgba(172, 209, 255, 0.33), rgba(172, 209, 255, 0));
		}
	}
	
	&.mp-decorator__black {
		background: var(--mp-black, rgba(0, 0, 0, 0.85));
		
		&:before {
			background: linear-gradient(135deg, rgba(100, 100, 100, 0.33), rgba(100, 100, 100, 0));
		}
		
		&:after {
			background: linear-gradient(235deg, rgba(100, 100, 100, .33), rgba(100, 100, 100, 0));
		}
	}
}