.footer {
margin-top: 40px;
}
.wr:before {
content: "";
display: table;
}
<a href="и_тут_реальная_ссылка_на_pdf" rel="alternate" type="application/pdf">pdf</a>
-webkit-filter:grayscale(1);
filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
-webkit-filter:grayscale(0);
filter:none;