ДВЕ КНОПОЧКИ СКАЧАТЬ И ДЕМО

<a href="$OTHER2$" class="classname">Скачать</a>

<a href="$OTHER1$" class="classname">Демо</a>

<style type="text/css">  
  .classname {  
  -moz-box-shadow:inset 0px 1px 0px -21px #caefab;  
  -webkit-box-shadow:inset 0px 1px 0px -21px #caefab;  
  box-shadow:inset 0px 1px 0px -21px #caefab;  
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );  
  background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );  
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');  
  background-color:#77d42a;  
  -moz-border-radius:14px;  
  -webkit-border-radius:14px;  
  border-radius:14px;  
  border:1px solid #268a16;  
  display:inline-block;  
  color:#306108;  
  font-family:arial;  
  font-size:15px;  
  font-weight:bold;  
  padding:5px 24px;  
  text-decoration:none;  
  text-shadow:1px 0px 7px #aade7c;  
  }.classname:hover {  
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );  
  background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );  
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');  
  background-color:#5cb811;  
  }.classname:active {  
  position:relative;  
  top:1px;  
  }  
  /* stock-exchange.ucoz.com */