Default CTA section

<?php
/**
 * Title: Default CTA section
 * Slug: Default-cta-section
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Default CTA section"},"align":"wide","className":"default-cta-section","layout":{"type":"constrained","justifyContent":"center"}} -->
<section class="wp-block-group alignwide default-cta-section"><!-- wp:group {"className":"default-cta__container","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group default-cta__container"><!-- wp:group {"className":"default-cta__content","layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group default-cta__content"><!-- wp:heading {"className":"default-cta__heading"} -->
<h2 class="wp-block-heading default-cta__heading">Let's find more that brings us together. </h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"default-cta__text"} -->
<p class="default-cta__text">Flowbite helps you connect with friends, family and communities of people who share your interests. Connecting with your friends and family as well as discovering new ones is easy with features like Groups, Watch and Marketplace.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"default-cta__buttons"} -->
<div class="wp-block-buttons default-cta__buttons"><!-- wp:button {"className":"default-cta__button default-cta__button\u002d\u002dprimary"} -->
<div class="wp-block-button default-cta__button default-cta__button--primary"><a class="wp-block-button__link wp-element-button">Get started</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"default-cta__button default-cta__button\u002d\u002dsecondary"} -->
<div class="wp-block-button default-cta__button default-cta__button--secondary"><a class="wp-block-button__link wp-element-button">View more</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.default-cta-section {
    @apply bg-white dark:bg-gray-900;
    
    .default-cta__container {
      @apply py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6;
      
      .default-cta__content {
        @apply max-w-screen-md;
        
        .default-cta__heading {
          @apply mb-4 text-36 tracking-tight font-extrabold text-gray-900 dark:text-white;
        }
        
        .default-cta__text {
          @apply mb-8 font-light text-gray-500 sm:text-20 dark:text-gray-400;
        }
        
        .default-cta__buttons {
          @apply flex flex-col space-y-4 sm:flex-row sm:space-y-0;
          
          .default-cta__button {
            @apply w-full md:w-auto;
            &.default-cta__button--primary .wp-block-button__link {
              @apply inline-flex items-center justify-center w-full md:w-auto px-4 py-2.5 text-16 font-medium text-center text-white bg-primary-700 rounded-lg hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900;
            }
            
            &.default-cta__button--secondary .wp-block-button__link {
              @apply inline-flex items-center justify-center w-full md:w-auto px-4 py-2.5 text-16 font-medium text-center text-gray-900 bg-white border border-gray-300 rounded-lg hover:bg-gray-100 focus:ring-4 focus:ring-gray-100   dark:bg-black dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-600;
            }
          }
        }
      }
    }
  }