Ezt css-ben hogy oldhatom meg?

Van egy gomb elemem:

<button class="btn btn-download btn-w1">

<div class="btn-icon"></div>

<div class="btn-title">Download</div>

</button>

Ebből egy egyedibb kinézetű gomb lenne, így ebben a formában formázható is szépen, de nekem olyan kellene, hogy <button class="btn btn-download btn-w1">Download</button> elég legyen, és a btn-title valamint a btn-icon is jelenjen meg attól hogy html-ben nincs meghívva. Nem tudom érthető-e.

Pl.:

@btn-icon {

paraméterek

}

@btn-title {

paraméterek

}

.btn-download {

@btn-title

@btn-icon

}

Vagy valami ilyesmi.