Card CTAs with icons 

<?php
/**
 * Title: Card CTAs with icons
 * Slug: Card-ctas-with-icons
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Card CTAs with icons"},"align":"full","className":"card-ctas-with-icons","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull card-ctas-with-icons"><!-- wp:group {"className":"card-ctas-with-icons__container","layout":{"type":"constrained"}} -->
<div class="wp-block-group card-ctas-with-icons__container"><!-- wp:heading {"metadata":{"name":""},"className":"card-ctas-with-icons__heading"} -->
<h2 class="wp-block-heading card-ctas-with-icons__heading">We didn't reinvent the wheel</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"card-ctas-with-icons__text"} -->
<p class="card-ctas-with-icons__text">Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams have richer contextual information to rapidly respond to requests, incidents, and changes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"card-ctas-with-icons__text"} -->
<p class="card-ctas-with-icons__text">Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"card-ctas-with-icons__buttons"} -->
<div class="wp-block-buttons card-ctas-with-icons__buttons"><!-- wp:button {"className":"card-ctas-with-icons__button","icon":"arrow-right"} -->
<div class="wp-block-button card-ctas-with-icons__button"><a class="wp-block-button__link wp-element-button"><img class="wp-image-44" style="width: 27px;" src="https://cdn.worldvectorlogo.com/logos/tailwind-css-2.svg" alt="">Explore Flowbite and take your marketplace to the next level</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"card-ctas-with-icons__button","icon":"arrow-right"} -->
<div class="wp-block-button card-ctas-with-icons__button"><a class="wp-block-button__link wp-element-button"><img class="wp-image-44" style="width: 27px;" src="https://cdn.worldvectorlogo.com/logos/tailwind-css-2.svg" alt="">Explore Flowbite and take your marketplace to the next level</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"card-ctas-with-icons__button","icon":"arrow-right"} -->
<div class="wp-block-button card-ctas-with-icons__button"><a class="wp-block-button__link wp-element-button"><img class="wp-image-44" style="width: 27px;" src="https://cdn.worldvectorlogo.com/logos/tailwind-css-2.svg" alt="">Explore Flowbite and take your marketplace to the next level</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"card-ctas-with-icons__button","icon":"arrow-right"} -->
<div class="wp-block-button card-ctas-with-icons__button"><a class="wp-block-button__link wp-element-button"><img class="wp-image-44" style="width: 27px;" src="https://cdn.worldvectorlogo.com/logos/tailwind-css-2.svg" alt="">Explore Flowbite and take your marketplace to the next level</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.card-ctas-with-icons {
    @apply bg-white dark:bg-gray-900;
    
    .card-ctas-with-icons__container {
      @apply py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6;
      
      .card-ctas-with-icons__heading {
        @apply mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white;
      }
      
      .card-ctas-with-icons__text {
        @apply mb-3 font-light text-gray-500 dark:text-gray-400 sm:text-xl;
      }
      
      .card-ctas-with-icons__text:last-of-type {
        @apply mb-8 font-light text-gray-500 dark:text-gray-400 sm:text-xl;
      }
              
        .card-ctas-with-icons__buttons {
          @apply grid gap-8 md:grid-cols-2;
          
          .card-ctas-with-icons__button {
            @apply w-full;
            
            .wp-block-button__link  {
              @apply w-full inline-flex justify-around lg:justify-center items-center p-5 text-base font-medium text-gray-500 bg-gray-50 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:text-white;
          
              img {
                @apply mr-3 w-5 h-5;
              }
            }
          }
        }
      
    }
  }