Heading with CTA button

<?php
/**
 * Title: Heading with CTA button
 * Slug: heading-with-cta-button
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Heading with CTA button"},"align":"full","className":"heading-with-cta-button","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull heading-with-cta-button"><!-- wp:group {"className":" heading-with-cta-button__container","layout":{"type":"constrained"}} -->
<div class="wp-block-group  heading-with-cta-button__container"><!-- wp:group {"className":"heading-with-cta-button__content","layout":{"type":"constrained"}} -->
<div class="wp-block-group heading-with-cta-button__content"><!-- wp:heading {"className":"heading-with-cta-button__title"} -->
<h2 class="wp-block-heading heading-with-cta-button__title">Start your free trial today</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"heading-with-cta-button__description"} -->
<p class="heading-with-cta-button__description">Try Flowbite Platform for 30 days. No credit card required.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"heading-with-cta-button__buttons","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons heading-with-cta-button__buttons"><!-- wp:button {"className":"heading-with-cta-button__button"} -->
<div class="wp-block-button heading-with-cta-button__button"><a class="wp-block-button__link wp-element-button">Free trial for 30 days</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.heading-with-cta-button {
    @apply bg-white dark:bg-gray-900;
    
    .heading-with-cta-button__container {
      @apply py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6;
      
      .heading-with-cta-button__content {
        @apply mx-auto max-w-screen-sm text-center;
        
        .heading-with-cta-button__title {
          @apply mb-4 text-4xl tracking-tight font-extrabold leading-tight text-gray-900 dark:text-white;
        }
        
        .heading-with-cta-button__description {
          @apply mb-6 font-light text-gray-500 dark:text-gray-400 md:text-lg;
        }
        
        .heading-with-cta-button__buttons {
          
          .heading-with-cta-button__button .wp-block-button__link {
            @apply text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800;
          }
        }
      }
    }
  }