src/components/list/ListIcons.astro
---
// ListIcons, recovered from blurr-components.pages.dev
---
<ul class="lst-ico"> <li class="lst-ico__item"> <span class="lst-ico__icon">→</span> <span class="lst-ico__text">Doelgerichte campagnes</span> </li><li class="lst-ico__item"> <span class="lst-ico__icon">→</span> <span class="lst-ico__text">Inzichtelijke rapportages</span> </li><li class="lst-ico__item"> <span class="lst-ico__icon">→</span> <span class="lst-ico__text">Snelle resultaten</span> </li><li class="lst-ico__item"> <span class="lst-ico__icon"></span> <span class="lst-ico__text">Persoonlijk contact</span> </li><li class="lst-ico__item"> <span class="lst-ico__icon">→</span> <span class="lst-ico__text">Creatieve oplossingen</span> </li> </ul>
<style>
.lst-ico{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.lst-ico__item{display:flex;align-items:center;gap:.85rem}
.lst-ico__icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.lst-ico__text{font-size:.975rem;color:var(--color-primary);font-weight:500}
</style>