uikit

Size Default

<button class="bp-button" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Small

<button class="bp-button bp-button--small" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--small bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Large

<button class="bp-button bp-button--large" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--large bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Default

<button class="bp-button bp-button--secondary " ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Small

<button class="bp-button bp-button--secondary bp-button--small" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--small bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Large

<button class="bp-button bp-button--secondary bp-button--large" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--secondary bp-button--large bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Default

<button class="bp-button bp-button--terciary  " ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Small

<button class="bp-button bp-button--terciary  bp-button--small" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--small bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Large

<button class="bp-button bp-button--terciary  bp-button--large" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--terciary  bp-button--large bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Default

<button class="bp-button bp-button--dark " ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Small

<button class="bp-button bp-button--dark bp-button--small" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--small bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Large

<button class="bp-button bp-button--dark bp-button--large" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--dark bp-button--large bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Default

<button class="bp-button bp-button--light " ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Small

<button class="bp-button bp-button--light bp-button--small" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--small bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Size Large

<button class="bp-button bp-button--light bp-button--large" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--outline" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--outline bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--outline bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--outline bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--text" ><span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--text bp-button--icon-left"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--text bp-button--icon-right"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

<button class="bp-button bp-button--light bp-button--large bp-button--text bp-button--icon-img"><img alt="icon" src="https://uikit.grupotodo.com.ar/images/icons/icon_search.svg" class="bp-button__icon" /> <span class="bp-button__txt">Buscar</span></button>

Botones Buscador Prop

Botones Primarios

Size Default

Size Small

Size Large

Botones Secundarios

Size Default

Size Small

Size Large

Botones Terciarios

Size Default

Size Small

Size Large

Botones Dark

Size Default

Size Small

Size Large

Botones Light

Size Default

Size Small

Size Large