<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" media="all">

<?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?><?if($FILE_URL$)?><a class="hvr hvr-sweep-to-right" href="$FILE_URL$"><i class="fa fa-download" aria-hidden="true"></i> Lejuplādēt no servera </a><?endif?>  
<?if($RFILE_URL$)?><a class="hvr hvr-sweep-to-right" href="$RFILE_URL$" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Lejuplādēt attālināti </a><?endif?>  
<?if($SCREEN_URL$)?><a class="hvr hvr-sweep-to-right" href="$SCREEN_URL$" target="_blank"><i class="fa fa-picture-o" aria-hidden="true"></i> Ekrānšāviņš</a><?endif?><?endif?>

<style>a.hvr {  
  display: inline-block;  
  padding: 1em;  
  margin: 1em 0;  
  background-color: #f5f5f5;  
  text-decoration: none;  
  color: #2098D1;  
  text-decoration: none;  
}  
/* Sweep To Right */  
.hvr-sweep-to-right {  
  display: inline-block;  
  vertical-align: middle;  
  -webkit-transform: perspective(1px) translateZ(0);  
  transform: perspective(1px) translateZ(0);  
  box-shadow: 0 0 1px transparent;  
  position: relative;  
  -webkit-transition-property: color;  
  transition-property: color;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
}  
.hvr-sweep-to-right:before {  
  content: "";  
  position: absolute;  
  z-index: -1;  
  top: 0;  
  left: 0;  
  right: 0;  
  bottom: 0;  
  background: #2098D1;  
  -webkit-transform: scaleX(0);  
  transform: scaleX(0);  
  -webkit-transform-origin: 0 50%;  
  transform-origin: 0 50%;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
  -webkit-transition-timing-function: ease-out;  
  transition-timing-function: ease-out;  
}  
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {  
  color: white;  
}  
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {  
  -webkit-transform: scaleX(1);  
  transform: scaleX(1);  
     }</style>