ListPrice list

---
// ListPrice, recovered from blurr-components.pages.dev
---

<ul class="lst-price"> <li class="lst-price__item "> <span class="lst-price__icon" aria-hidden="true"> <svg width="18" height="18" viewBox="0 0 18 18"><circle cx="9" cy="9" r="9" fill="#6366f1"></circle><path d="M5 9l3 3 5-5.5" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> <span class="lst-price__text">Campagne setup &amp; structuur</span> </li><li class="lst-price__item "> <span class="lst-price__icon" aria-hidden="true"> <svg width="18" height="18" viewBox="0 0 18 18"><circle cx="9" cy="9" r="9" fill="#6366f1"></circle><path d="M5 9l3 3 5-5.5" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> <span class="lst-price__text">Maandelijkse optimalisatie</span> </li><li class="lst-price__item "> <span class="lst-price__icon" aria-hidden="true"> <svg width="18" height="18" viewBox="0 0 18 18"><circle cx="9" cy="9" r="9" fill="#6366f1"></circle><path d="M5 9l3 3 5-5.5" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> <span class="lst-price__text">Wekelijkse rapportage</span> </li><li class="lst-price__item "> <span class="lst-price__icon" aria-hidden="true"> <svg width="18" height="18" viewBox="0 0 18 18"><circle cx="9" cy="9" r="9" fill="#6366f1"></circle><path d="M5 9l3 3 5-5.5" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> <span class="lst-price__text">Dedicated accountmanager</span> </li><li class="lst-price__item lst-price__item--off"> <span class="lst-price__icon" aria-hidden="true"> <svg width="18" height="18" viewBox="0 0 18 18"><circle cx="9" cy="9" r="9" fill="#e5e5e5"></circle><path d="M6 12l6-6M12 12L6 6" stroke="#aaa" stroke-width="1.8" stroke-linecap="round"></path></svg> </span> <span class="lst-price__text">Landing page ontwerp</span> </li><li class="lst-price__item lst-price__item--off"> <span class="lst-price__icon" aria-hidden="true"> <svg width="18" height="18" viewBox="0 0 18 18"><circle cx="9" cy="9" r="9" fill="#e5e5e5"></circle><path d="M6 12l6-6M12 12L6 6" stroke="#aaa" stroke-width="1.8" stroke-linecap="round"></path></svg> </span> <span class="lst-price__text">Content creatie</span> </li> </ul>

<style>
.lst-price{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.lst-price__item{display:flex;align-items:center;gap:.65rem;font-size:.95rem;color:var(--color-primary)}
.lst-price__item--off .lst-price__text{color:#aaa;text-decoration:line-through}
.lst-price__icon{display:flex;flex-shrink:0}
</style>