Entrada con imagen, categoría, título y botón

Entrada con imágen, categoría y botón
<div class="entrada-blog">
         <a class="" rel="follow" href="{{permalink}}">
                    <img title="3" width="1920" height="1080" src="{{featured_image_url image_size="blog"}}">
           </a>
           <div class="web-product-category  align-left">
                {{taxonomy_terms taxonomy="category"   link_color="1" taxonomies_with_links="false"}}
            </div>


            <div class="pt-20 align-left">
                    <h2 class="web-post-title  mb-10 align-left h3"><a rel="follow" class="" href="{{permalink}}">{{title}}</a></h2>
             </div>
             <a href="{{permalink}}" rel="nofollow" class="web-btn web-btn-3">
                    <span>Leer más</span>
                     <span class="icon">
            		       {{icon family="materialicons" name="keyboard_arrow_right"}}
                      </span>                
              </a>
 </div>

CSS

.web-product-category{
	width: fit-content;
	font-size: 0.9rem;
	border: 1px solid #90969d;
	border-radius: 50px;
	padding: 2px 7px;
	margin-bottom: 15px;
	margin-top: 5px;
	background: #fff;
	position: absolute;
	top: 0;
	margin-top: 5px;
	margin-left: 5px;
	opacity:1;
}