вопрос по перемешиванию LESS

собственно есть

.btn_next_page {

	background: rgba(255, 255, 255, 0.8); text-align: center; padding: 24px 15px;

	a { padding: 17px 80px;}

	h1 {font-size: 60px; font-weight: 800; text-align: left;}

}

но вот так компилятор говорит низя

.btn_next_page {

	background: rgba(255, 255, 255, 0.8); text-align: center; padding: 24px 15px;

	a { padding: 17px 80px;}

	h1 {font-size: 60px; font-weight: 800; text-align: left;}

}

.btn_next_page_fo {

	text-align: center; padding: 24px 15px;

	h1 {.btn_next_page h1;}

}

вот сюда говорит оч не правильно примешивать h1 {.btn_next_page h1;}

может подскажете как можно