Los botones permiten jerarquizar las acciones principales que tiene un contenido. Pueden tener 3 colores y 3 tamaños distintos, según la función que cumplan.

Cuándo y cómo usar los botones

El color y el tamaño estarán relacionados con la acción que pretendemos realice el usuario y con el propósito que cumpla dentro del contenido.

Botón verde [btn-success]: Se utiliza para aquellas acciones que inician, continúan o terminan un proceso. Por ejemplo: registrarse, iniciar reclamo, consultar estado de trámite etc. Al ser una acción principal del contenido debe ir en tamaño grande. No debería haber más de uno por landing/página.

Botón azul [btn-primary]: Se emplea para todas aquellas acciones destacadas del contenido (atajos) o que agrupan contenidos de una sección. Por ejemplo: Ver todas las noticias, atajos de segundo nivel, etc. Al ser una acción destacada debe ir en tamaño normal.

En el caso de utilizarlo para acciones del contenido que se repiten en la landing o página puede usarse en tamaño chico, por ejemplo: dentro de una alerta, en el módulo de descargas, etc.

Botón gris [btn-default]: Indica acciones secundarias y/o de navegación dentro de la misma pagina/landing. Por ejemplo: volver al índice, acciones en una tabla o aquellos enlaces que sea necesario destacar un poco más que uno común.

Armar el botón

1. Abrí corchetes rectos.
2. Escribí la acción principal que querés que el usuario realice. Por ejemplo: Conocé más sobre el plan Argentina 2030
3. Cerrá el corchete sin dejar ningún espacio.
4. Abrí paréntesis sin dejar ningún espacio, escribí la URL, cerrá paréntesis sin dejar ningún espacio.
5. Abrí la llave sin dejar ningún espacio { } y escribí el tipo de botón que corresponda. Cerrá la llave sin dejar ningún espacio.

Ir a argentina.gob.ar

    [Botón verde grande](https://www.argentina.gob.ar){.btn.btn-lg.btn-success}

    [Botón verde mediano](https://www.argentina.gob.ar){.btn.btn-success}

    [Botón verde chico](https://www.argentina.gob.ar){.btn.btn-success.btn-sm}

Ir a argentina.gob.ar

    [Botón azul grande](https://www.argentina.gob.ar){.btn.btn-lg.btn-primary}

    [Botón azul mediano](https://www.argentina.gob.ar){.btn.btn-primary}

    [Botón azul chico](https://www.argentina.gob.ar){.btn.btn-primary.btn-sm}

Ir a argentina.gob.ar

    [Botón gris grande](https://www.argentina.gob.ar){.btn.btn-lg.btn-link}

    [Botón gris mediano](https://www.argentina.gob.ar){.btn.btn-link}

    [Botón gris chico](https://www.argentina.gob.ar){.btn.btn-link.btn-sm}