drop-shadow filter vs box-shadow

dabblet.css

/**
 * drop-shadow filter vs box-shadow
 */

html {
	background: url('http://subtlepatterns.com/patterns/purty_wood.png')
}

.pdf-carier{
	margin: 10%;
	display:block;
	height:70px;/* 5 x 70 = 350 */
	width:350px;
	background-color:black;
	color:white;
}
.pdf-carier > span{
	display:table;	
	height:100%;
	float:left;
}
.arrow-cnt{
	width:20%;	
	background-color:orange;
}
.text-cnt{
	width:80%;
}
.link-arrow{
	width:100%;
	//height:0px;
	display: table-cell;
	text-align:center;
	vertical-align: middle;
}
.link-text{
	display: table-cell;
	padding-left:10px;
	vertical-align:middle;
}

dabblet.html

<a href="#pdflink">
	<div class="pdf-carier">
		<span class="arrow-cnt">
			<span class="link-arrow">&darr;</span>
		</span>
		<span class="text-cnt">
			<span class="link-text">My link<span>
		</span>
	</div>
</a>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}