<div style="display:inline-block;">
<a title="ใบสมัคร" target="_blank" href ="x.pdf">
<input type="submit" value="ใบสมัคร" class="button-blueorange"></a>
</div>

/*https://www.bestcssbuttongenerator.com*/
.button-blueorange{
        background: #6C8FFF;
        border: solid 1px #6C8FFF;
        background: linear-gradient(180deg, #6C8FFF 0%, #2A4395 35%, #09184B 100%);
        border-radius: 8px;
        color: white;
        padding: .75rem 1.5rem;
}
.button-blueorange:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
	border: solid 1px #FF0100;
	border-radius: 8px;
}
.button-blueorange:active {
	position:relative;
	top:1px;
}