Всем привет и здоровья каждому!
Уважаемые спецы, подскажите, что не так у меня с sass.
Проблема такая:
Есть две кнопки "Купить" и "В корзину"
вот кусок кода HTML:
<div class="button-group">
<button type="button" onclick="cart.add('58');"><i class="fa fa-shopping-cart"></i> <span class="">В корзину</span></button>
<a class="button toclick" href="#pp-item-2">Купить в один клик</a></div>
И вот участок кода для самих кнопок sass:
.button-group
> *
display: none
&:first-child
display: block
&.toclick
display: block
button, .button
&.toclick
font-size: 14px
border: none
background-color: $accent2
color: #fff
width: 100%
padding: 8px 0
font-size: 18px
transition: background-color .25s ease
outline:
display: block
margin-bottom: 5px
.fa
display: none
&:hover, &:focus
background-color: lighten($accent2, 10%)
text-decoration: none
&:active
background-color: darken($accent2, 10%)
border: none
Ни как не могу понять, почему кнопка "В корзину" не подхватывает стили...