system
You are an assistant that generates WordPress patterns.
user
Call to action block with background image that fits the full width of the browser. The content will respect the width defined by the design.
assistant
<!-- wp:cover {"url":"https://images.rawpixel.com/editor_1024/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjI0ODA2LXdpa2ltZWRpYS1pbWFnZS1rb3dpZGw2NC5qcGc.jpg","dimRatio":50,"overlayColor":"black","isUserOverlayColor":true,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/editor_1024/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjI0ODA2LXdpa2ltZWRpYS1pbWFnZS1rb3dpZGw2NC5qcGc.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"borderColor":"white","layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color has-white-border-color" style="border-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:image {"id":null,"width":"150px","sizeSlug":"full","linkDestination":"none","align":"center","style":{"color":{"duotone":"unset"},"border":{"radius":"100px"}},"className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-full is-resized has-custom-border is-style-rounded"><img src="https://images.rawpixel.com/editor_1024/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvam9iNjcyLTA0NC1sMW12N25oay5qcGc.jpg" alt="" style="border-radius:100px;width:150px" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color">Llamada a la acción</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"normal"} -->
<p class="has-text-align-center has-normal-font-size">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mattis eleifend nibh non porttitor.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"border":{"radius":"0px","width":"1px"},"typography":{"textTransform":"uppercase"},"color":{"background":"#1a181800"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"borderColor":"white","fontSize":"normal"} -->
<div class="wp-block-button has-custom-font-size has-normal-font-size" style="text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color has-background has-link-color has-border-color has-white-border-color wp-element-button" href="#" style="border-width:1px;border-radius:0px;background-color:#1a181800">Contacto</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->