QR code CTA

<?php
/**
 * Title: QR code CTA
 * Slug: qr-code-cta
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"QR code CTA"},"align":"full","className":"qr-code-cta","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull qr-code-cta"><!-- wp:group {"className":"qr-code-cta__container","layout":{"type":"constrained"}} -->
<div class="wp-block-group qr-code-cta__container"><!-- wp:group {"className":"qr-code-cta__content","layout":{"type":"constrained"}} -->
<div class="wp-block-group qr-code-cta__content"><!-- wp:heading {"className":"qr-code-cta__heading"} -->
<h2 class="wp-block-heading qr-code-cta__heading">Trade. Anywhere.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"qr-code-cta__text"} -->
<p class="qr-code-cta__text">Compatible with multiple devices, start trading with safety and convenience.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"large","className":"qr-code-cta__qr-image qr-code-cta__qr-image\u002d\u002dlight"} -->
<figure class="wp-block-image size-large qr-code-cta__qr-image qr-code-cta__qr-image--light"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/cta/qr-code.svg" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"large","className":"qr-code-cta__qr-image qr-code-cta__qr-image\u002d\u002ddark"} -->
<figure class="wp-block-image size-large qr-code-cta__qr-image qr-code-cta__qr-image--dark"><img src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/cta/qr-code-dark.svg" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->

.qr-code-cta {
    @apply bg-white dark:bg-gray-900;
    
    .qr-code-cta__container {
      @apply py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6;
      
      .qr-code-cta__content {
        @apply mx-auto max-w-screen-sm text-center;
        
        .qr-code-cta__heading {
          @apply mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white;
        }
        
        .qr-code-cta__text {
          @apply mb-6 lg:mb-8 font-light text-gray-500 dark:text-gray-400 md:text-lg;
        }
        
        .qr-code-cta__qr-image {
          @apply w-56 mx-auto;
          
          &.qr-code-cta__qr-image--light {
            @apply dark:hidden;
          }
          
          &.qr-code-cta__qr-image--dark {
            @apply hidden dark:block;
          }
        }
      }
    }
  }