Usando os estilos de botão do MemberMouse

When MemberMouse is activated on your website you’ll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the ‘mm-button’ class as follows:

<a href="#" class="mm-button">Botão de amostra</a>

O resultado será semelhante a este: 

Alterar o tamanho

Há suporte para três tamanhos diferentes de botões: pequeno, médio e grande. Você pode criar botões de tamanhos diferentes da seguinte forma:

Pequeno <a href="#" class="mm-button small">Botão de amostra</a>
Médio <a href="#" class="mm-button">Botão de amostra</a>
Grande <a href="#" class="mm-button large">Botão de amostra</a>

Cantos arredondados

Há duas opções diferentes para arredondar os cantos: arredondamento padrão e arredondamento de botão de pílula. Você pode controlar o arredondamento dos cantos da seguinte forma:

Padrão <a href="#" class="mm-button">Botão de amostra</a>
Botão de pílula <a href="#" class="mm-button rounded">Botão de amostra</a>

Alterar a cor

Há suporte para 11 cores diferentes de botões: branco, cinza, preto, azul claro, azul, verde, vermelho, laranja, amarelo, rosa e roxo. Você pode criar botões de cores diferentes da seguinte forma:

Branco <a href="#" class="mm-button">Botão de amostra</a>
Cinza <a href="#" class="mm-button grey">Botão de amostra</a>
Preto <a href="#" class="mm-button black">Botão de amostra</a>
Azul claro <a href="#" class="mm-button light_blue">Botão de amostra</a>
Azul <a href="#" class="mm-button blue">Botão de amostra</a>
Verde <a href="#" class="mm-button green">Botão de amostra</a>
Vermelho <a href="#" class="mm-button red">Botão de amostra</a>
Laranja <a href="#" class="mm-button orange">Botão de amostra</a>
Amarelo <a href="#" class="mm-button yellow">Botão de amostra</a>
Rosa <a href="#" class="mm-button pink">Botão de amostra</a>
Roxo <a href="#" class="mm-button purple">Botão de amostra</a>

Criar variações combinando atributos

Ao usar os atributos de tamanho, arredondamento e cor juntos, você pode criar mais de 60 variações. Veja a seguir exemplos de variações para um botão verde:

Botão verde pequeno <a href="#" class="mm-button green small">Botão de amostra</a>
Botão verde médio <a href="#" class="mm-button green">Botão de amostra</a>
Botão verde grande <a href="#" class="mm-button green large">Botão de amostra</a>
Botão de pílula verde pequeno <a href="#" class="mm-button green small rounded">Botão de amostra</a>
Botão de pílula verde médio <a href="#" class="mm-button green rounded">Botão de amostra</a>
Botão de pílula verde grande <a href="#" class="mm-button green large rounded">Botão de amostra</a>