{"id":7732,"date":"2023-08-12T07:33:24","date_gmt":"2023-08-12T14:33:24","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&#038;p=7732"},"modified":"2025-01-17T10:30:01","modified_gmt":"2025-01-17T15:30:01","slug":"estilos-de-botoes-mm","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/","title":{"rendered":"Usando os estilos de bot\u00e3o do MemberMouse"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Quando o MemberMouse for ativado em seu site, voc\u00ea ter\u00e1 acesso a mais de 60 estilos de bot\u00f5es da Web 2.0. Voc\u00ea pode transformar facilmente qualquer link em um bot\u00e3o usando a classe 'mm-button' da seguinte forma:<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;a href=&quot;#&quot; class=&quot;mm-button&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">O resultado ser\u00e1 semelhante a este:\u00a0<img decoding=\"async\" class=\"wp-image-11064\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/ee89283d-129309.png\" alt=\"\"><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Alterar o tamanho<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 suporte para tr\u00eas tamanhos diferentes de bot\u00f5es: pequeno, m\u00e9dio e grande. Voc\u00ea pode criar bot\u00f5es de tamanhos diferentes da seguinte forma:<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Pequeno<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button small&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11063\" style=\"width: 104px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/56beb42a-129310.png\" alt=\"\"><\/td><\/tr><tr><td><strong>M\u00e9dio<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11064\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/ee89283d-129309.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Grande<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button large&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11062\" style=\"width: 150px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/20818267-129311.png\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Cantos arredondados<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 duas op\u00e7\u00f5es diferentes para arredondar os cantos: arredondamento padr\u00e3o e arredondamento de bot\u00e3o de p\u00edlula. Voc\u00ea pode controlar o arredondamento dos cantos da seguinte forma:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Padr\u00e3o<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11064\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/ee89283d-129309.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bot\u00e3o de p\u00edlula<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button rounded&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11061\" style=\"width: 121px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/f6b0c2b3-129313.png\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Alterar a cor<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 suporte para 11 cores diferentes de bot\u00f5es: branco, cinza, preto, azul claro, azul, verde, vermelho, laranja, amarelo, rosa e roxo. Voc\u00ea pode criar bot\u00f5es de cores diferentes da seguinte forma:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Branco<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11064\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/ee89283d-129309.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Cinza<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button grey&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11060\" style=\"width: 115px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/7c7a6385-129330.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Preto<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button black&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11059\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/40a2e0d5-129331.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Azul claro<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button light_blue&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11058\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/b8d5fe18-129332.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Azul<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button blue&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11057\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/d155460c-129333.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Verde<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11056\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/f9d10abc-129334.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Vermelho<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button red&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11055\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/f23463fb-129335.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Laranja<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button orange&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11054\" style=\"width: 115px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/4fdadac3-129336.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Amarelo<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button yellow&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11053\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/7d1e6c12-129337.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Rosa<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button pink&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11052\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/1a63c67d-129338.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Roxo<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button purple&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11051\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/45a120b8-129339.png\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Criar varia\u00e7\u00f5es combinando atributos<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Ao usar os atributos de tamanho, arredondamento e cor juntos, voc\u00ea pode criar mais de 60 varia\u00e7\u00f5es. Veja a seguir exemplos de varia\u00e7\u00f5es para um bot\u00e3o verde:<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Bot\u00e3o verde pequeno<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green small&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11050\" style=\"width: 102px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/5bd9249b-129320.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bot\u00e3o verde m\u00e9dio<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11049\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/89775193-129334-1.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bot\u00e3o verde grande<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green large&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11048\" style=\"width: 150px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/c1d031f0-129342.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bot\u00e3o de p\u00edlula verde pequeno<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green small rounded&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11047\" style=\"width: 102px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/1ca59f7a-129343.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bot\u00e3o de p\u00edlula verde m\u00e9dio<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green rounded&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11046\" style=\"width: 121px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/3f2b1eb9-129324.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bot\u00e3o de p\u00edlula verde grande<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green large rounded&quot;&gt;Bot&atilde;o de amostra&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11045\" style=\"width: 150px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/fb78e295-129325.png\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Quando o MemberMouse for ativado em seu site, voc\u00ea ter\u00e1 acesso a mais de 60 estilos de bot\u00f5es da Web 2.0. Voc\u00ea pode transformar facilmente qualquer link em um bot\u00e3o usando a classe 'mm-button' como...<\/p>","protected":false},"author":20918,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[226,160],"ht-kb-tag":[],"class_list":["post-7732","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-customize-checkout","ht_kb_category-customize-mm"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"When MemberMouse is activated on your website you&#039;ll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the &#039;mm-button&#039; class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Blair\"\/>\n\t<meta name=\"google-site-verification\" content=\"RIQFHn-t5QxsuMU4pLG9xaceb-mmGuRaOWAEU1Q078U\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"MemberMouse |\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Using MemberMouse Button Styles | MemberMouse\" \/>\n\t\t<meta property=\"og:description\" content=\"When MemberMouse is activated on your website you&#039;ll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the &#039;mm-button&#039; class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2023-08-12T14:33:24+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-01-17T15:30:01+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/membermouse\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@MemberMouse\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Using MemberMouse Button Styles | MemberMouse\" \/>\n\t\t<meta name=\"twitter:description\" content=\"When MemberMouse is activated on your website you&#039;ll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the &#039;mm-button&#039; class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@MemberMouse\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/docs\\\/mm-button-styles\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/membermouse.com\\\/pt\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/article-categories\\\/checkout-settings\\\/#listItem\",\"name\":\"Checkout Settings\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/article-categories\\\/checkout-settings\\\/#listItem\",\"position\":2,\"name\":\"Checkout Settings\",\"item\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/article-categories\\\/checkout-settings\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/article-categories\\\/customize-checkout\\\/#listItem\",\"name\":\"Customize Checkout Page\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/article-categories\\\/customize-checkout\\\/#listItem\",\"position\":3,\"name\":\"Customize Checkout Page\",\"item\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/article-categories\\\/customize-checkout\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/docs\\\/mm-button-styles\\\/#listItem\",\"name\":\"Using MemberMouse Button Styles\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/article-categories\\\/checkout-settings\\\/#listItem\",\"name\":\"Checkout Settings\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/docs\\\/mm-button-styles\\\/#listItem\",\"position\":4,\"name\":\"Using MemberMouse Button Styles\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/article-categories\\\/customize-checkout\\\/#listItem\",\"name\":\"Customize Checkout Page\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/#organization\",\"name\":\"MemberMouse\",\"url\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/membermouse\",\"https:\\\/\\\/twitter.com\\\/MemberMouse\",\"https:\\\/\\\/www.instagram.com\\\/membermouse\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/membermouse\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/membermouse\\\/\",\"https:\\\/\\\/soundcloud.com\\\/membermouse\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/author\\\/blaircaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/author\\\/blaircaseproof-com\\\/\",\"name\":\"Blair\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/membermouse.com\\\/wp-content\\\/litespeed\\\/avatar\\\/5b6227a6ed29e339c22d01fe541a969c.jpg?ver=1784588305\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/docs\\\/mm-button-styles\\\/#webpage\",\"url\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/docs\\\/mm-button-styles\\\/\",\"name\":\"Using MemberMouse Button Styles | MemberMouse\",\"description\":\"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: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/docs\\\/mm-button-styles\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/author\\\/blaircaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/author\\\/blaircaseproof-com\\\/#author\"},\"datePublished\":\"2023-08-12T07:33:24-04:00\",\"dateModified\":\"2025-01-17T10:30:01-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/\",\"name\":\"MemberMouse\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/pt\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Using MemberMouse Button Styles | MemberMouse<\/title>\n\n","aioseo_head_json":{"title":"Usando os estilos de bot\u00e3o do MemberMouse | MemberMouse","description":"Quando o MemberMouse for ativado em seu site, voc\u00ea ter\u00e1 acesso a mais de 60 estilos de bot\u00f5es da Web 2.0. Voc\u00ea pode transformar facilmente qualquer link em um bot\u00e3o usando a classe 'mm-button' da seguinte forma: Bot\u00e3o de amostra O resultado ser\u00e1 semelhante a este: Alterar o tamanho H\u00e1 3 tamanhos diferentes de bot\u00f5es suportados: pequeno, m\u00e9dio e grande.","canonical_url":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"RIQFHn-t5QxsuMU4pLG9xaceb-mmGuRaOWAEU1Q078U","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt#listItem","position":1,"name":"Home","item":"https:\/\/membermouse.com\/pt","nextItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt\/article-categories\/checkout-settings\/#listItem","name":"Checkout Settings"}},{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt\/article-categories\/checkout-settings\/#listItem","position":2,"name":"Checkout Settings","item":"https:\/\/membermouse.com\/pt\/article-categories\/checkout-settings\/","nextItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt\/article-categories\/customize-checkout\/#listItem","name":"Customize Checkout Page"},"previousItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt\/article-categories\/customize-checkout\/#listItem","position":3,"name":"Customize Checkout Page","item":"https:\/\/membermouse.com\/pt\/article-categories\/customize-checkout\/","nextItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/#listItem","name":"Using MemberMouse Button Styles"},"previousItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt\/article-categories\/checkout-settings\/#listItem","name":"Checkout Settings"}},{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/#listItem","position":4,"name":"Using MemberMouse Button Styles","previousItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/pt\/article-categories\/customize-checkout\/#listItem","name":"Customize Checkout Page"}}]},{"@type":"Organization","@id":"https:\/\/membermouse.com\/pt\/#organization","name":"MemberMouse","url":"https:\/\/membermouse.com\/pt\/","sameAs":["https:\/\/www.facebook.com\/membermouse","https:\/\/twitter.com\/MemberMouse","https:\/\/www.instagram.com\/membermouse\/","https:\/\/www.youtube.com\/user\/membermouse","https:\/\/www.linkedin.com\/company\/membermouse\/","https:\/\/soundcloud.com\/membermouse"]},{"@type":"Person","@id":"https:\/\/membermouse.com\/pt\/author\/blaircaseproof-com\/#author","url":"https:\/\/membermouse.com\/pt\/author\/blaircaseproof-com\/","name":"Blair","image":{"@type":"ImageObject","url":"https:\/\/membermouse.com\/wp-content\/litespeed\/avatar\/5b6227a6ed29e339c22d01fe541a969c.jpg?ver=1784588305"}},{"@type":"WebPage","@id":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/#webpage","url":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/","name":"Using MemberMouse Button Styles | MemberMouse","description":"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: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/membermouse.com\/pt\/#website"},"breadcrumb":{"@id":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/#breadcrumblist"},"author":{"@id":"https:\/\/membermouse.com\/pt\/author\/blaircaseproof-com\/#author"},"creator":{"@id":"https:\/\/membermouse.com\/pt\/author\/blaircaseproof-com\/#author"},"datePublished":"2023-08-12T07:33:24-04:00","dateModified":"2025-01-17T10:30:01-05:00"},{"@type":"WebSite","@id":"https:\/\/membermouse.com\/pt\/#website","url":"https:\/\/membermouse.com\/pt\/","name":"MemberMouse","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/membermouse.com\/pt\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"MemberMouse |","og:type":"article","og:title":"Using MemberMouse Button Styles | MemberMouse","og:description":"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: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.","og:url":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/","article:published_time":"2023-08-12T14:33:24+00:00","article:modified_time":"2025-01-17T15:30:01+00:00","article:publisher":"https:\/\/www.facebook.com\/membermouse","twitter:card":"summary_large_image","twitter:site":"@MemberMouse","twitter:title":"Using MemberMouse Button Styles | MemberMouse","twitter:description":"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: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.","twitter:creator":"@MemberMouse"},"aioseo_meta_data":{"post_id":"7732","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"limit_modified_date":false,"reviewed_by":null,"open_ai":"{\"title\":{\"suggestions\":[],\"usage\":0},\"description\":{\"suggestions\":[],\"usage\":0}}","created":"2023-10-11 18:17:49","updated":"2026-06-03 04:18:35","ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":"2026-06-02 23:50:57"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/membermouse.com\/pt\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/membermouse.com\/pt\/article-categories\/checkout-settings\/\" title=\"Checkout Settings\">Checkout Settings<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/membermouse.com\/pt\/article-categories\/customize-checkout\/\" title=\"Customize Checkout Page\">Customize Checkout Page<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tUsing MemberMouse Button Styles\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/membermouse.com\/pt"},{"label":"Checkout Settings","link":"https:\/\/membermouse.com\/pt\/article-categories\/checkout-settings\/"},{"label":"Customize Checkout Page","link":"https:\/\/membermouse.com\/pt\/article-categories\/customize-checkout\/"},{"label":"Using MemberMouse Button Styles","link":"https:\/\/membermouse.com\/pt\/docs\/mm-button-styles\/"}],"_links":{"self":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/7732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/users\/20918"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=7732"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/7732\/revisions"}],"predecessor-version":[{"id":20467,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/7732\/revisions\/20467"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=7732"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=7732"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=7732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}