.btn a,
.btn span {
	width : 340px;
	box-sizing:border-box;
	margin : 0 0 0 auto;
	color : #000000;
	padding : 5px 20px;
	text-align:center;
	border : 1px solid #000000;
	display:block;
	font-size : 90%;
	position:relative;
	

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;	
    transition: all .5s ease;	
	
}


.btn a:before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #336699;
border-right: solid 2px #336699;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);


    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;	
    transition: all .5s ease;	

}

.btn a:hover {
	background : #336699;
	color : #ffffff;
}

.btn a:hover:before {

border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;

}


 
 /* 500ртоб */
@media only screen and (max-width: 500px) {
	

.btn a {
	width : 90%;	
}	
	
	
}