EXAMPLE
Run 
<!DOCTYPE html>

<head>
	<title>Two gradients</title>
	<style type="text/CSS">
		.box {
		  margin: 10px 0;
		  color: #fff;
		  background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,0.6) 60%, rgba(252,176,69,1) 100%), 
		  radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 28%);
		  border: 20px dashed black;
		  padding: 30px;
		  width: 500px;
		  background-origin: padding-box, content-box;
		  background-repeat: no-repeat;
		}
	</style>
</head>

<body>
	<div class="box">Hello! Welcome to Study Tonight!</div>
</body>

</html>