<?php
/** Title: Campaign Grid - Masonry Layout
 * Slug: crowdfunding-platform/campaign-grid-masonry
 * Categories: posts, crowdfunding_platform
 * Description: A masonry grid layout (column-first ordering) for displaying 6 campaign cards with rich metadata. For row-first sorting, use the regular Campaign Grid pattern instead.
 */
?>

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--preset--spacing--60)","bottom":"var(--wp--preset--spacing--60)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">

	<!-- wp:heading {"textAlign":"center","align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--preset--spacing--50)"}}},"fontSize":"biggest"} -->
	<h2 class="wp-block-heading alignwide has-text-align-center has-biggest-font-size" style="margin-bottom:var(--wp--preset--spacing--50)"><?php esc_html_e( 'Featured Campaigns', 'crowdfunding-platform' ); ?></h2>
	<!-- /wp:heading -->

	<!-- wp:group {"align":"wide","className":"campaign-masonry-grid"} -->
	<div class="wp-block-group alignwide campaign-masonry-grid">
		
		<!-- wp:group {"className":"pattern-campaign-card campaign-card-education"} -->
		<div class="wp-block-group pattern-campaign-card campaign-card-education">
			
			<!-- wp:group {"className":"campaign-image-container"} -->
			<div class="wp-block-group campaign-image-container">
				<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/placeholder-campaign.webp' ); ?>" alt="<?php esc_attr_e( 'Campaign placeholder image', 'crowdfunding-platform' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
				<!-- /wp:image -->
				
				<!-- wp:paragraph {"className":"campaign-category-badge badge-overlay badge-bottom-left","fontSize":"tiny"} -->
				<p class="campaign-category-badge badge-overlay badge-bottom-left has-tiny-font-size"><?php esc_html_e( 'Education', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"className":"campaign-status-badge badge-staff-pick badge-overlay badge-top-right","fontSize":"tiny"} -->
				<p class="campaign-status-badge badge-staff-pick badge-overlay badge-top-right has-tiny-font-size"><?php esc_html_e( 'Staff Pick', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:heading {"level":3,"fontSize":"bigger"} -->
			<h3 class="wp-block-heading has-bigger-font-size"><a href="#" style="text-decoration:underline"><?php esc_html_e( 'Books for Rural Schools', 'crowdfunding-platform' ); ?></a></h3>
			<!-- /wp:heading -->
			
			<!-- wp:paragraph {"textColor":"secondary","fontSize":"base"} -->
			<p class="has-secondary-color has-text-color has-base-font-size"><?php esc_html_e( 'Bringing libraries to underserved communities across three states. Help us deliver 10,000 books, establish reading programs, and train local teachers. Our goal is to ensure every child has access to quality educational resources, regardless of their geographic location or economic circumstances.', 'crowdfunding-platform' ); ?></p>
			<!-- /wp:paragraph -->
			
			<!-- wp:group {"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:paragraph {"fontSize":"big"} -->
				<p class="has-big-font-size" ><?php esc_html_e( '$15,750 raised', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"textColor":"secondary","fontSize":"tiny"} -->
				<p class="has-secondary-color has-text-color has-tiny-font-size"><?php esc_html_e( 'of $25,000 goal', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:html -->
				<div class="theme-progress-bar" role="progressbar" aria-valuenow="63" aria-valuemin="0" aria-valuemax="100" aria-label="<?php esc_attr_e( 'Campaign progress: 63%', 'crowdfunding-platform' ); ?>" style="--progress-value: 63;">
					<div class="theme-progress-fill"></div>
				</div>
				<!-- /wp:html -->
				
				<!-- wp:paragraph {"textColor":"primary","fontSize":"tiny"} -->
				<p class="has-primary-color has-text-color has-tiny-font-size">⏱ <time datetime="2025-09-15"><?php esc_html_e( '15 days remaining', 'crowdfunding-platform' ); ?></time></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:buttons -->
			<div class="wp-block-buttons">
				<!-- wp:button {"width":100} -->
				<div class="wp-block-button has-custom-width wp-block-button__width-100"><a href="#" class="wp-block-button__link wp-element-button"><?php esc_html_e( 'View Campaign', 'crowdfunding-platform' ); ?></a></div>
				<!-- /wp:button -->
			</div>
			<!-- /wp:buttons -->
			
		</div>
		<!-- /wp:group -->
		
		<!-- wp:group {"className":"pattern-campaign-card campaign-card-healthcare"} -->
		<div class="wp-block-group pattern-campaign-card campaign-card-healthcare">
			
			<!-- wp:group {"className":"campaign-image-container"} -->
			<div class="wp-block-group campaign-image-container">
				<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/placeholder-campaign.webp' ); ?>" alt="<?php esc_attr_e( 'Campaign placeholder image', 'crowdfunding-platform' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
				<!-- /wp:image -->
				
				<!-- wp:paragraph {"className":"campaign-category-badge badge-overlay badge-bottom-left","fontSize":"tiny"} -->
				<p class="campaign-category-badge badge-overlay badge-bottom-left has-tiny-font-size"><?php esc_html_e( 'Healthcare', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"className":"campaign-status-badge badge-successful badge-overlay badge-top-right","fontSize":"tiny"} -->
				<p class="campaign-status-badge badge-successful badge-overlay badge-top-right has-tiny-font-size"><?php esc_html_e( 'Fully Funded', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:heading {"level":3,"fontSize":"bigger"} -->
			<h3 class="wp-block-heading has-bigger-font-size"><a href="#" style="text-decoration:underline"><?php esc_html_e( 'Mobile Health Clinic', 'crowdfunding-platform' ); ?></a></h3>
			<!-- /wp:heading -->
			
			<!-- wp:paragraph {"textColor":"secondary","fontSize":"base"} -->
			<p class="has-secondary-color has-text-color has-base-font-size"><?php esc_html_e( 'Bringing essential medical care directly to remote communities.', 'crowdfunding-platform' ); ?></p>
			<!-- /wp:paragraph -->
			
			<!-- wp:group {"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:paragraph {"fontSize":"big"} -->
				<p class="has-big-font-size" ><?php esc_html_e( '$52,350 raised', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"textColor":"secondary","fontSize":"tiny"} -->
				<p class="has-secondary-color has-text-color has-tiny-font-size"><?php esc_html_e( 'of $50,000 goal', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:html -->
				<div class="theme-progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" aria-label="<?php esc_attr_e( 'Campaign progress: 100% - Fully funded!', 'crowdfunding-platform' ); ?>" style="--progress-value: 100;">
					<div class="theme-progress-fill"></div>
				</div>
				<!-- /wp:html -->
				
				<!-- wp:paragraph {"textColor":"secondary","fontSize":"tiny"} -->
				<p class="has-secondary-color has-text-color has-tiny-font-size"><?php
				echo sprintf(
					/* translators: %s: end date of the campaign */
					esc_html__( 'Ended on %s', 'crowdfunding-platform' ),
					'<time datetime="2025-08-20">' . esc_html__( 'August 20, 2025', 'crowdfunding-platform' ) . '</time>'
				); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:buttons -->
			<div class="wp-block-buttons">
				<!-- wp:button {"width":100,"className":"is-style-outline"} -->
				<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a href="#" class="wp-block-button__link wp-element-button"><?php esc_html_e( 'View Campaign', 'crowdfunding-platform' ); ?></a></div>
				<!-- /wp:button -->
			</div>
			<!-- /wp:buttons -->
			
		</div>
		<!-- /wp:group -->
		
		<!-- wp:group {"className":"pattern-campaign-card campaign-card-environment"} -->
		<div class="wp-block-group pattern-campaign-card campaign-card-environment">
			
			<!-- wp:group {"className":"campaign-image-container"} -->
			<div class="wp-block-group campaign-image-container">
				<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/placeholder-campaign.webp' ); ?>" alt="<?php esc_attr_e( 'Campaign placeholder image', 'crowdfunding-platform' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
				<!-- /wp:image -->
				
				<!-- wp:paragraph {"className":"campaign-category-badge badge-overlay badge-bottom-left","fontSize":"tiny"} -->
				<p class="campaign-category-badge badge-overlay badge-bottom-left has-tiny-font-size"><?php esc_html_e( 'Environment', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:heading {"level":3,"fontSize":"bigger"} -->
			<h3 class="wp-block-heading has-bigger-font-size"><a href="#" style="text-decoration:underline"><?php esc_html_e( 'Ocean Cleanup Initiative', 'crowdfunding-platform' ); ?></a></h3>
			<!-- /wp:heading -->
			
			<!-- wp:paragraph {"textColor":"secondary","fontSize":"base"} -->
			<p class="has-secondary-color has-text-color has-base-font-size"><?php esc_html_e( 'Join us in removing plastic waste from coastal areas. Every dollar helps clean our oceans and protect marine life for future generations.', 'crowdfunding-platform' ); ?></p>
			<!-- /wp:paragraph -->
			
			<!-- wp:group {"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:paragraph {"fontSize":"big"} -->
				<p class="has-big-font-size" ><?php esc_html_e( '$3,200 raised', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"textColor":"secondary","fontSize":"tiny"} -->
				<p class="has-secondary-color has-text-color has-tiny-font-size"><?php esc_html_e( 'of $30,000 goal', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:html -->
				<div class="theme-progress-bar" role="progressbar" aria-valuenow="11" aria-valuemin="0" aria-valuemax="100" aria-label="<?php esc_attr_e( 'Campaign progress: 11%', 'crowdfunding-platform' ); ?>" style="--progress-value: 11;">
					<div class="theme-progress-fill"></div>
				</div>
				<!-- /wp:html -->
				
				<!-- wp:paragraph {"textColor":"primary","fontSize":"tiny"} -->
				<p class="has-primary-color has-text-color has-tiny-font-size">⏱ <time datetime="2025-10-30"><?php esc_html_e( '58 days remaining', 'crowdfunding-platform' ); ?></time></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:buttons -->
			<div class="wp-block-buttons">
				<!-- wp:button {"width":100} -->
				<div class="wp-block-button has-custom-width wp-block-button__width-100"><a href="#" class="wp-block-button__link wp-element-button"><?php esc_html_e( 'View Campaign', 'crowdfunding-platform' ); ?></a></div>
				<!-- /wp:button -->
			</div>
			<!-- /wp:buttons -->
			
		</div>
		<!-- /wp:group -->
		
		<!-- wp:group {"className":"pattern-campaign-card campaign-card-arts"} -->
		<div class="wp-block-group pattern-campaign-card campaign-card-arts">
			
			<!-- wp:group {"className":"campaign-image-container"} -->
			<div class="wp-block-group campaign-image-container">
				<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/placeholder-campaign.webp' ); ?>" alt="<?php esc_attr_e( 'Campaign placeholder image', 'crowdfunding-platform' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
				<!-- /wp:image -->
				
				<!-- wp:paragraph {"className":"campaign-category-badge badge-overlay badge-bottom-left","fontSize":"tiny"} -->
				<p class="campaign-category-badge badge-overlay badge-bottom-left has-tiny-font-size"><?php esc_html_e( 'Arts &amp; Culture', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:heading {"level":3,"fontSize":"bigger"} -->
			<h3 class="wp-block-heading has-bigger-font-size"><a href="#" style="text-decoration:underline"><?php esc_html_e( 'Community Art Center', 'crowdfunding-platform' ); ?></a></h3>
			<!-- /wp:heading -->
			
			<!-- wp:paragraph {"textColor":"secondary","fontSize":"base"} -->
			<p class="has-secondary-color has-text-color has-base-font-size"><?php esc_html_e( 'Creating a vibrant community hub where local artists can showcase their work, collaborate on projects, teach workshops to all ages, host cultural events, and inspire the next generation of creators. This center will serve as a catalyst for artistic expression and cultural preservation in our neighborhood.', 'crowdfunding-platform' ); ?></p>
			<!-- /wp:paragraph -->
			
			<!-- wp:group {"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:paragraph {"fontSize":"big"} -->
				<p class="has-big-font-size" ><?php esc_html_e( '$18,900 raised', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"textColor":"secondary","fontSize":"tiny"} -->
				<p class="has-secondary-color has-text-color has-tiny-font-size"><?php esc_html_e( 'of $20,000 goal', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:html -->
				<div class="theme-progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" aria-label="<?php esc_attr_e( 'Campaign progress: 95%', 'crowdfunding-platform' ); ?>" style="--progress-value: 95;">
					<div class="theme-progress-fill"></div>
				</div>
				<!-- /wp:html -->
				
				<!-- wp:paragraph {"textColor":"primary","fontSize":"tiny"} -->
				<p class="has-primary-color has-text-color has-tiny-font-size">⏱ <time datetime="2025-09-05"><?php esc_html_e( '7 days remaining', 'crowdfunding-platform' ); ?></time></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:buttons -->
			<div class="wp-block-buttons">
				<!-- wp:button {"width":100} -->
				<div class="wp-block-button has-custom-width wp-block-button__width-100"><a href="#" class="wp-block-button__link wp-element-button"><?php esc_html_e( 'View Campaign', 'crowdfunding-platform' ); ?></a></div>
				<!-- /wp:button -->
			</div>
			<!-- /wp:buttons -->
			
		</div>
		<!-- /wp:group -->
		
		<!-- wp:group {"className":"pattern-campaign-card campaign-card-technology"} -->
		<div class="wp-block-group pattern-campaign-card campaign-card-technology">
			
			<!-- wp:group {"className":"campaign-image-container"} -->
			<div class="wp-block-group campaign-image-container">
				<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/placeholder-campaign.webp' ); ?>" alt="<?php esc_attr_e( 'Campaign placeholder image', 'crowdfunding-platform' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
				<!-- /wp:image -->
				
				<!-- wp:paragraph {"className":"campaign-category-badge badge-overlay badge-bottom-left","fontSize":"tiny"} -->
				<p class="campaign-category-badge badge-overlay badge-bottom-left has-tiny-font-size"><?php esc_html_e( 'Technology', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"className":"campaign-status-badge badge-staff-pick badge-overlay badge-top-right","fontSize":"tiny"} -->
				<p class="campaign-status-badge badge-staff-pick badge-overlay badge-top-right has-tiny-font-size"><?php esc_html_e( 'Staff Pick', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:heading {"level":3,"fontSize":"bigger"} -->
			<h3 class="wp-block-heading has-bigger-font-size"><a href="#" style="text-decoration:underline"><?php esc_html_e( 'Code for Kids', 'crowdfunding-platform' ); ?></a></h3>
			<!-- /wp:heading -->
			
			<!-- wp:paragraph {"textColor":"secondary","fontSize":"base"} -->
			<p class="has-secondary-color has-text-color has-base-font-size"><?php esc_html_e( 'Empowering underprivileged youth through technology education and mentorship.', 'crowdfunding-platform' ); ?></p>
			<!-- /wp:paragraph -->
			
			<!-- wp:group {"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:paragraph {"fontSize":"big"} -->
				<p class="has-big-font-size" ><?php esc_html_e( '$12,500 raised', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"textColor":"secondary","fontSize":"tiny"} -->
				<p class="has-secondary-color has-text-color has-tiny-font-size"><?php esc_html_e( 'of $15,000 goal', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:html -->
				<div class="theme-progress-bar" role="progressbar" aria-valuenow="83" aria-valuemin="0" aria-valuemax="100" aria-label="<?php esc_attr_e( 'Campaign progress: 83%', 'crowdfunding-platform' ); ?>" style="--progress-value: 83;">
					<div class="theme-progress-fill"></div>
				</div>
				<!-- /wp:html -->
				
				<!-- wp:paragraph {"textColor":"primary","fontSize":"tiny"} -->
				<p class="has-primary-color has-text-color has-tiny-font-size">⏱ <time datetime="2025-09-22"><?php esc_html_e( '22 days remaining', 'crowdfunding-platform' ); ?></time></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:buttons -->
			<div class="wp-block-buttons">
				<!-- wp:button {"width":100} -->
				<div class="wp-block-button has-custom-width wp-block-button__width-100"><a href="#" class="wp-block-button__link wp-element-button"><?php esc_html_e( 'View Campaign', 'crowdfunding-platform' ); ?></a></div>
				<!-- /wp:button -->
			</div>
			<!-- /wp:buttons -->
			
		</div>
		<!-- /wp:group -->
		
		<!-- wp:group {"className":"pattern-campaign-card campaign-card-community"} -->
		<div class="wp-block-group pattern-campaign-card campaign-card-community">
			
			<!-- wp:group {"className":"campaign-image-container"} -->
			<div class="wp-block-group campaign-image-container">
				<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
				<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/placeholder-campaign.webp' ); ?>" alt="<?php esc_attr_e( 'Campaign placeholder image', 'crowdfunding-platform' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
				<!-- /wp:image -->
				
				<!-- wp:paragraph {"className":"campaign-category-badge badge-overlay badge-bottom-left","fontSize":"tiny"} -->
				<p class="campaign-category-badge badge-overlay badge-bottom-left has-tiny-font-size"><?php esc_html_e( 'Community', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:heading {"level":3,"fontSize":"bigger"} -->
			<h3 class="wp-block-heading has-bigger-font-size"><a href="#" style="text-decoration:underline"><?php esc_html_e( 'Community Garden Project', 'crowdfunding-platform' ); ?></a></h3>
			<!-- /wp:heading -->
			
			<!-- wp:paragraph {"textColor":"secondary","fontSize":"base"} -->
			<p class="has-secondary-color has-text-color has-base-font-size"><?php esc_html_e( 'Transform vacant lots into thriving community gardens that provide fresh produce for local families, create beautiful green spaces, offer educational opportunities for children, and bring neighbors together through shared gardening activities and seasonal harvest celebrations.', 'crowdfunding-platform' ); ?></p>
			<!-- /wp:paragraph -->
			
			<!-- wp:group {"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:paragraph {"fontSize":"big"} -->
				<p class="has-big-font-size" ><?php esc_html_e( '$1,250 raised', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:paragraph {"textColor":"secondary","fontSize":"tiny"} -->
				<p class="has-secondary-color has-text-color has-tiny-font-size"><?php esc_html_e( 'of $10,000 goal', 'crowdfunding-platform' ); ?></p>
				<!-- /wp:paragraph -->
				
				<!-- wp:html -->
				<div class="theme-progress-bar" role="progressbar" aria-valuenow="13" aria-valuemin="0" aria-valuemax="100" aria-label="<?php esc_attr_e( 'Campaign progress: 13%', 'crowdfunding-platform' ); ?>" style="--progress-value: 13;">
					<div class="theme-progress-fill"></div>
				</div>
				<!-- /wp:html -->
				
				<!-- wp:paragraph {"textColor":"primary","fontSize":"tiny"} -->
				<p class="has-primary-color has-text-color has-tiny-font-size">⏱ <time datetime="2025-10-15"><?php esc_html_e( '45 days remaining', 'crowdfunding-platform' ); ?></time></p>
				<!-- /wp:paragraph -->
			</div>
			<!-- /wp:group -->
			
			<!-- wp:buttons -->
			<div class="wp-block-buttons">
				<!-- wp:button {"width":100} -->
				<div class="wp-block-button has-custom-width wp-block-button__width-100"><a href="#" class="wp-block-button__link wp-element-button"><?php esc_html_e( 'View Campaign', 'crowdfunding-platform' ); ?></a></div>
				<!-- /wp:button -->
			</div>
			<!-- /wp:buttons -->
			
		</div>
		<!-- /wp:group -->
		
	</div>
	<!-- /wp:group -->
	
</div>
<!-- /wp:group -->