Отдельный код кнопки создан и работает, только нужно создать hover для нее, пропобовал по-разному, не получаеться. Сайт: Rizono.com Код:
.product-thumb .button-group button:nth-child(1) {
background-image: linear-gradient(to bottom, #41d060, #2c9f45);
color: white;
background-repeat: repeat-x;
border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
Полный код:
.product-thumb .button-group button {
width: 60%;
border: none;
display: inline-block;
float: left;
background-color: #eee;
color: #888;
line-height: 38px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.product-thumb .button-group button:nth-child(1) {
background-image: linear-gradient(to bottom, #41d060, #2c9f45);
color: white;
background-repeat: repeat-x;
border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
.product-thumb .button-group button + button {
width: 20%;
border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
color: #dddddd;
background-color: #ddd;
text-decoration: none;
cursor: pointer;
border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}