IconStack icon

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

<ul class="istack-list"> <li class="istack-item"> <span class="istack-icon">→</span> <span class="istack-title">Strategisch marketingplan</span> <span class="istack-meta">Strategie</span> </li><li class="istack-item"> <span class="istack-icon"></span> <span class="istack-title">Google Ads campagnebeheer</span> <span class="istack-meta">Paid Media</span> </li><li class="istack-item"> <span class="istack-icon"></span> <span class="istack-title">SEO technische audit &amp; uitvoering</span> <span class="istack-meta">SEO</span> </li><li class="istack-item"> <span class="istack-icon"></span> <span class="istack-title">Content kalender &amp; redactie</span> <span class="istack-meta">Content</span> </li><li class="istack-item"> <span class="istack-icon">→</span> <span class="istack-title">Maandelijkse rapportages</span> <span class="istack-meta">Analytics</span> </li><li class="istack-item"> <span class="istack-icon"></span> <span class="istack-title">E-mail flows &amp; automation</span> <span class="istack-meta">E-mail</span> </li> </ul>

<style>
.istack-list{--color-accent: #6366f1;--color-primary: #0a0a0a;list-style:none;margin:0;padding:0;font-family:system-ui,sans-serif;max-width:560px}
.istack-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #f3f4f6;transition:opacity .15s}
.istack-item:last-child{border-bottom:none}
.istack-item:hover{opacity:.75}
.istack-icon{font-size:1.2rem;flex-shrink:0;width:28px;text-align:center}
.istack-title{flex:1;font-size:.9rem;font-weight:600;color:var(--color-primary)}
.istack-meta{font-size:.75rem;font-weight:600;color:var(--color-accent);background:#f0f0ff;padding:3px 10px;border-radius:99px;white-space:nowrap}
</style>