Rounded list of blog posts

<?php
/**
 * Title: Rounded list of blog posts
 * Slug: rounded-list-of-blog-posts
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"aside","metadata":{"name":"Publisher UI: Rounded list of blog posts","categories":["featured"],"patternName":"wlc/rounded-list-of-blog-posts"},"align":"full","className":"rounded-list-of-blog-posts","layout":{"type":"constrained"}} -->
<aside class="wp-block-group alignfull rounded-list-of-blog-posts"><!-- wp:group {"metadata":{"name":"Wrapper"},"className":"rounded-list-of-blog-posts__wrapper","layout":{"type":"default"}} -->
<div class="wp-block-group rounded-list-of-blog-posts__wrapper"><!-- wp:heading {"className":"rounded-list-of-blog-posts__heading"} -->
<h2 class="wp-block-heading rounded-list-of-blog-posts__heading">Read next</h2>
<!-- /wp:heading -->

<!-- wp:query {"queryId":37,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[],"format":[]},"className":"rounded-list-of-blog-posts__loop"} -->
<div class="wp-block-query rounded-list-of-blog-posts__loop"><!-- wp:post-template -->
<!-- wp:post-featured-image {"isLink":true,"className":"rounded-list-of-blog-posts__featured-image"} /-->

<!-- wp:group {"className":"rounded-list-of-blog-posts__content","layout":{"type":"default"}} -->
<div class="wp-block-group rounded-list-of-blog-posts__content"><!-- wp:post-title {"level":3,"isLink":true,"className":"rounded-list-of-blog-posts__post-title"} /-->

<!-- wp:post-excerpt {"showMoreOnNewLine":false,"excerptLength":13,"className":"rounded-list-of-blog-posts__excerpt"} /-->

<!-- wp:wlc/reading-time /--></div>
<!-- /wp:group -->
<!-- /wp:post-template -->

<!-- wp:query-no-results -->
<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
<p>No entries</p>
<!-- /wp:paragraph -->
<!-- /wp:query-no-results --></div>
<!-- /wp:query --></div>
<!-- /wp:group --></aside>
<!-- /wp:group -->

.rounded-list-of-blog-posts {
  @apply py-8 lg:py-24 bg-white dark:bg-gray-900 antialiased;
}

.rounded-list-of-blog-posts__wrapper {
  @apply px-4 mx-auto;
}

.rounded-list-of-blog-posts__heading {
  @apply mb-8 text-2xl font-bold text-gray-900 dark:text-white;
}

.rounded-list-of-blog-posts__loop {
  .wp-block-post-template {
    .wp-block-post {
      @apply flex mb-8;
      
      .rounded-list-of-blog-posts__featured-image {
        @apply shrink-0;
        
        img {
          @apply mr-5 w-32 h-32 rounded-full;
        }
      }
      
      .rounded-list-of-blog-posts__content {
        @apply flex flex-col justify-center w-full;
        
        .rounded-list-of-blog-posts__post-title {
          @apply mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white;
          
          a {
            @apply transition-colors duration-300 ease-in-out;
          }
        }
        
        .rounded-list-of-blog-posts__excerpt {
          @apply mb-2;
          
          .wp-block-post-excerpt__excerpt {
            @apply text-gray-500 dark:text-gray-400;
          }
        }
        
        .wlc-reading-time {
          @apply inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500;
        }
      }
    }
  }
}