Search result card

<article class="mp c-search-result-card">
  <header class="c-search-result-card__header">
    <h2 class="c-search-result-card__title">
      <a href="/en/products/product-range/mastersizer-range" aria-label="Mastersizer range">
      Mastersizer range</a>
    </h2>
    <div class="c-search-result-card__tag">
      <span class="mp c-eyebrow c-eyebrow--blue">
      Product range</span>
    </div>
  </header>
  <div class="c-search-result-card__body">
    <p class="c-search-result-card__description">The Mastersizer range of laser diffraction particle size analyzers set the standard for delivering rapid, accurate particle size distributions for both wet and dry dispersions.</p>
    <span class="c-search-result-card__url">/en/products/product-range/mastersizer-range</span>
  </div>
</article>

{
  "title": "Mastersizer range",
  "description": "The Mastersizer range of laser diffraction particle size analyzers set the standard for delivering rapid, accurate particle size distributions for both wet and dry dispersions.",
  "link": "/en/products/product-range/mastersizer-range",
  "tag": "Product range"
}