Botones

Los botones usan la clase button o alguna variacion de button--. En los siguientes botones se indica las clases que debe llevar

class="button center"class="button full"class="button"class="button--alert"class="button--cta"
class="button--ghost"class="button--ghost--alert"class="button--ghost--cta"

Si se necesita un grupo de botones centrados, basta agruparlos en un contedorque tenga la propiedad text-align:center o la clase center. Ejemplo:

class="button--tertiary"class="button--cta"

Tenga en cuenta que no necesita agregar dos clases para variaciones estilo BEM:

Los botones tienen tres variaciones de tamaños. Se indican a continuación las clases correspondientes. Ejemplos:

class="button big"class="button--cta"class="button--alert small"

Button small

La variación button--small tiene menor padding para ajustarse a tamaños pequeños de fuente. Compare:

class="button--alert small"class="button--alert button--small"
class="button--ghost"class="button--ghost button--small"