JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
	position: relative;
	perspective: 200px;
	width: 400px;
	height: 400px;
	-webkit-filter: drop-shadow(3px 8px 3px rgba(0,0,0,.33)) blur(.5px);
	        filter: drop-shadow(3px 8px 3px rgba(0,0,0,.33)) blur(.5px);
}

div::after,
div::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
}

div::before {
	width: 452px;
	height: 420px;
	border-radius: 40% 34% 40% 100%;
	transform: translate3d(-64px,-44px,-64px) skewX(-23deg);
	background: linear-gradient(20deg, rgba(22,33,55,0) 250px, #162137 300px);
}

div::after {
	top: 38px;
	left: 54px;
	width: 343px;
	height: 343px;
	border-radius: 50%;
	transform: translate3d(-64px,-44px,-64px);
	
	content: 'CSS';
	color: #dad9d8;
	font: 63px/34px sans-serif;
	letter-spacing: 1.5px;
	text-indent: 296px;
	text-shadow: 0 0 8px #bab3ab, 0 0 8px #a5a4a3;
	
	background:
		linear-gradient(to top, rgba(222,222,222,.4), rgba(222,222,222,0) 22%),
		linear-gradient(to top, #162137, #162137),
		url(//i.imgur.com/S471AUh.png) 44% 49.5% / 149% 150%,
		radial-gradient(circle, #bdbdbd 62%, #a09e9c 78%),
		radial-gradient(ellipse 64.5% 41% at 50% 24.4%, #fff 49%, #000 51%),
		linear-gradient(to bottom, #c0bdb9 8%, rgba(255,204,122,0) 40%),
		radial-gradient(circle, #162137 68%, #fff 68%) #fff;
	background-blend-mode:
		normal,
		lighten,
		color-burn,
		screen,
		multiply,
		normal;
	box-shadow:
		0px -2px 0px 0px #a5a4a3,
		0px -2px 1px 1.5px #d1d3e0,
		0px -2px 8px 4px #c4c4c4,
		0px 0px 0px 36px #162137,
		0px 0px 1px 1px #a5a4a3 inset,
		0px 0px 7px 4px #a5a4a3 inset;
}

JavaScript

/* http://redd.it/2ybnli */