CSS Buttons Group

JUST TEXT

TEXT & ICON

JUST ICON

	                <div class="mb-l">
    <h4>JUST TEXT</h4>
    <div class="buttons-group">
        <button type="submit" class="button">.button</button><button type="submit" class="button-primary">.button-primary</button><button type="submit" class="button-secondary">.button-secondary</button><button type="submit" class="button-ok">.button-ok</button><button type="submit" class="button-ko">.button-ko</button>
    </div>
</div>
<div class="mb-l">
    <h4>TEXT & ICON</h4>
    <div class="buttons-group">
        <button type="submit" class="button"><i class="icon-pencil"></i> Edit</button><button type="submit" class="button-primary"><i class="icon-facebook"></i> Go to facebook</button><button type="submit" class="button-secondary"><i class="icon-picture-o"></i> View picture</button><button type="submit" class="button-ok"><i class="icon-download"></i> Download</button><button type="submit" class="button-ko"><i class="icon-times"></i> Delete</button>
    </div>
</div>
<div class="mb-l">
    <h4>JUST ICON</h4>
    <div class="buttons-group">
        <button type="submit" class="button button-icon icon-pencil"></button><button type="submit" class="button-primary button-icon icon-facebook"></button><button type="submit" class="button-secondary button-icon icon-picture-o"></button><button type="submit" class="button-ok button-icon icon-download"></button><button type="submit" class="button-ko button-icon icon-times"></button>
    </div>
</div>