.icon {
	display: inline-block;
}

.icon[type^="file-"]::before {
	content: '';
	display: block;
	width: 1.2rem;
	height: 1.4rem;
	background: hsl(0, 0%, 80%);
	border-radius: 0.1rem;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.icon[type^="file-"]::after {
	content: 'PDF';
	display: block;
	box-sizing: border-box;
	width: calc(100% + 2px);
	height: 55%;
	border-radius: 0.1rem;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color: #FFF;
	font-size: 0.5rem;
	margin-top: -90%;
	margin-left: -1px;
	padding: 0.15rem 0;
	text-align: center;
}

.icon[type="file-pdf"]::after {
	content: 'PDF';
	background: linear-gradient(hsl(0, 70%, 50%), hsl(0, 70%, 45%));
}