Как да добавя бутон ?

[ReCoNeC7eD]

Имам този CSS код :

.downloadbutton, .livedemobutton {
	background: #fff;
	padding: 1px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant : small-caps;
	border : 1px solid #aaa;
	float:left;
	margin:0 5px 0 0;
}

.downloadbutton:hover, .livedemobutton:hover {
	border : 1px solid #000;
}

Искам да разделя .downloadbutton и .livedemobutton на две за до го променя от текстов бутон :

На нормален бутон :

 

[shterev]

 .downloadbutton{
   background: #fff;
   padding: 1px;
   font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
   font-size: x-small;
   font-variant : small-caps;
   border : 1px solid #aaa;
   float:left;
   margin:0 5px 0 0;
}


 .livedemobutton {
   background: #fff;
   padding: 1px;
   font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
   font-size: x-small;
   font-variant : small-caps;
   border : 1px solid #aaa;
   float:left;
   margin:0 5px 0 0;
}

.downloadbutton:hover{
   border : 1px solid #000;
}

 .livedemobutton:hover {
   border : 1px solid #000;
}