change button background color without using dynamic id and without using sap standard class

change button background color without using dynamic id and without using sap standard class

index.html :

<link rel="stylesheet" type="text/css" href="css/style.css">

==============================================================

view.xml

<Page title="Title">

<content>

<Toolbar>

<Button icon="sap-icon://search" class="gen1"></Button>

<Button icon="sap-icon://refresh" class="gen2"></Button>

</Toolbar>

</content>

</Page>

=================================================================

style.css : 

.gen1>.sapMBtnInner {

background-color: green;

background-image: none;

outline: medium none !important;

}

.gen1>.sapMBtnInner>.sapMBtnIcon{

color : white;

}

.gen2>.sapMBtnInner {

background-color: #06997b ;

background-image: none;

outline: medium none !important;

}

.gen2>.sapMBtnInner>.sapMBtnIcon{

color : white;

}

output :