src/components/icon/IconFlat.astro
---
// IconFlat, recovered from blurr-components.pages.dev
---
<div class="iflat-row"> <div class="iflat-item"> <span class="iflat-icon">→</span> <span class="iflat-label">Strategie</span> </div><div class="iflat-item"> <span class="iflat-icon"></span> <span class="iflat-label">Content</span> </div><div class="iflat-item"> <span class="iflat-icon">→</span> <span class="iflat-label">Analyse</span> </div><div class="iflat-item"> <span class="iflat-icon"></span> <span class="iflat-label">Ads</span> </div><div class="iflat-item"> <span class="iflat-icon">→</span> <span class="iflat-label">SEO</span> </div><div class="iflat-item"> <span class="iflat-icon"></span> <span class="iflat-label">E-mail</span> </div><div class="iflat-item"> <span class="iflat-icon">→</span> <span class="iflat-label">Social</span> </div><div class="iflat-item"> <span class="iflat-icon">→</span> <span class="iflat-label">Design</span> </div> </div>
<style>
.iflat-row{--color-accent: #6366f1;--color-primary: #0a0a0a;display:flex;flex-wrap:wrap;gap:0;font-family:system-ui,sans-serif;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
.iflat-item{display:flex;align-items:center;gap:8px;padding:16px 24px;border-right:1px solid #e5e7eb;flex:1 1 auto;justify-content:center;transition:background .15s}
.iflat-item:hover{background:#f5f3ff}
.iflat-item:last-child{border-right:none}
.iflat-icon{font-size:1.2rem}
.iflat-label{font-size:.85rem;font-weight:600;color:#374151;white-space:nowrap}
</style>