system
You are an assistant that generates WordPress patterns.
user
Call to action with diagonal color area right using duotone options
assistant
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"url":"https://test5.haurand.com/wp-content/uploads/2023/04/kletterhalle_2-jpg.webp","id":7073,"dimRatio":80,"minHeight":100,"minHeightUnit":"vh","customGradient":"linear-gradient(135deg,rgba(255,255,255,0) 50%,rgb(21,41,139) 50%)","contentPosition":"bottom right","align":"wide","style":{"color":[]},"className":"square_image"} -->
<div class="wp-block-cover alignwide has-custom-content-position is-position-bottom-right square_image" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(135deg,rgba(255,255,255,0) 50%,rgb(21,41,139) 50%)"></span><img class="wp-block-cover__image-background wp-image-7073" alt="" src="https://test5.haurand.com/wp-content/uploads/2023/04/kletterhalle_2-jpg.webp" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);flex-basis:33.33%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1rem","right":"1rem","bottom":"1rem","left":"1rem"}},"color":{"background":"#ffffffd4"}},"textColor":"background","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background-color has-text-color has-background" style="background-color:#ffffffd4;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem"><!-- wp:heading {"textColor":"black","fontSize":"large"} -->
<h2 class="wp-block-heading has-black-color has-text-color has-large-font-size">titre</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","placeholder":"Schreibe einen Titel…","textColor":"black","fontSize":"small"} -->
<p class="has-text-align-left has-black-color has-text-color has-small-font-size">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.  </p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button">Lire la suite</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->