<?php
/**
 * Title: CTA 2: Style 3
 * Slug: brahma/cta-2-style-3
 * Categories: buttons, call-to-action
 * Description: cta with heading and black background
 *
 * @package brahma
 * @since 1.0.0
 */

?>

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|130","bottom":"var:preset|spacing|130"},"blockGap":"var:preset|spacing|70"}},"backgroundColor":"black","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-black-background-color has-background" style="padding-top:var(--wp--preset--spacing--130);padding-bottom:var(--wp--preset--spacing--130)">
	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
	<div class="wp-block-group">
		<!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"60"} -->
			<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color has-60-font-size">
				<?php esc_html_e( 'Connect with Brahma in just one click', 'brahma' ); ?>
			</h2>
		<!-- /wp:heading -->

		<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"#aaaaaa"}}},"color":{"text":"#aaaaaa"}},"fontSize":"18"} -->
		<p class="has-text-align-center has-text-color has-link-color has-18-font-size" style="color:#aaaaaa">
			<?php esc_html_e( 'Copy and paste the patterns. Create your own website', 'brahma' ); ?>
		</p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->

	<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
	<div class="wp-block-buttons">
		<!-- wp:button {"className":"is-style-style-one","style":{"border":{"radius":"8px"},"spacing":{"padding":{"left":"var:preset|spacing|70","right":"var:preset|spacing|70","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"fontSize":"20"} -->
		<div class="wp-block-button has-custom-font-size is-style-style-one has-20-font-size">
			<a class="wp-block-button__link wp-element-button" href="#" style="border-radius:8px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--70)">
				<?php esc_html_e( 'Start your 14 day trial', 'brahma' ); ?>
			</a>
		</div>
		<!-- /wp:button -->
	</div>
	<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
