Style links that point to a .pdf file as a ghost button with a font awesome icon

pdf-links.css

/* style links to PDF files */
a[href$=".pdf"] {
	display: inline-block;
	padding: 10px;
	margin: 5px;
	border: #F46036 2px solid;
	color: #F46036;
	font-weight: 600;
}
a[href$=".pdf"]:before {
    font-family: 'FontAwesome';
    content: "\f1c1";
	position: relative;
	margin-right: 5px;
	font-size: 110%;
}