Почему не подхватывается CSS для button?

Question

[boul]

Всем привет и здоровья каждому!
Уважаемые спецы, подскажите, что не так у меня с 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

Ни как не могу понять, почему кнопка "В корзину" не подхватывает стили...

Comments

[WapSter]

Уверен? стили для ховера должны были подхватиться

[boul]

WapSter, Для ховер, подхватываются. А вот по умолчанию не хотят хвататься...

[WapSter]

boul, ну так там никаких стилей для button и нет с чего ему подхватываться

[boul]

WapSter, почему нет, в стилях прописано же button, .button
&.toclick
При этом для .toclick стили хватаются, а вот .button что то не горит желанием хватать стили.

[WapSter]

boul, там только для &.toclick есть стили

[boul]

WapSter, А как прописать то? Где ошибка моя?

[WapSter]

boul,

button, .button
      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

[boul]

WapSter, Спасибо. Значит для button надо в любом случае отдельные стили прописывать? Я думал просто перечислить классы.

[WapSter]

boul, изучай селекторы это мать его основы

Спасибо. Значит для button надо в любом случае отдельные стили прописывать?

Нет я просто скопипаситл твой код