<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
CSS - colar antes de ]]></b:skin>
/* Botão Print PDF */
a.button1{
margin: 50px auto;
text-decoration: none;
color: #fff;
padding: 4px 14px; /* Altura e Largura do botão */
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #3fbb50; /* Verde Claro */
color: #fff;
font-family: calibri;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
}
a.button1:hover{
background: #329640; /* Verde escuro */
color: #fff;
}
/* Botão Print PDF */
HTML - cole na página ou psotagem que desejar (no modeo html)
/* Botão Print PDF */
a.button1{
margin: 50px auto;
text-decoration: none;
color: #fff;
padding: 4px 14px; /* Altura e Largura do botão */
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #3fbb50; /* Verde Claro */
color: #fff;
font-family: calibri;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
}
a.button1:hover{
background: #329640; /* Verde escuro */
color: #fff;
}
/* Botão Print PDF */
HTML - cole na página ou psotagem que desejar (no modeo html)
<a class="button1" onclick="window.print()"><i aria-hidden="true" class="fa fa-print"></i> Print <i aria-hidden="true" class="fa fa-file-pdf-o"></i>PDF</a>