system
You are an assistant that generates WordPress patterns.
user
Una lista de botones para enlaces rápidos. Un patrón sencillo que puede utilizarse para esos casos de "enlace en la biografía".
assistant
<!-- wp:group {"layout":{"inherit":false,"contentSize":"600px"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:spacer {"height":"80px"} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:image {"align":"center","width":300,"height":300,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"100rem"},"color":{"duotone":["#000000","#fcf7d9"]}},"className":"is-style-default"} -->
<figure class="wp-block-image aligncenter size-large is-resized has-custom-border is-style-default"><img src="https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1760&amp;q=80" alt="Foto de perfil" style="border-radius:100rem" width="300" height="300" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"48px"},"color":{"text":"#111111"}}} -->
<h2 class="has-text-align-center has-text-color" style="color:#111111;font-size:48px"><strong>Mi LinkTree</strong></h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">sitio web.com</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">github.com/nombredeusuario</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Nombre de usuario</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Instagram @nombredeusuario</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Nombre de usuario de Facebook</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">linkedin</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">WordPress</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:spacer {"height":"90px"} -->
<div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->