IconGradient icon

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

<div class="igrad-grid"> <div class="igrad-card igrad-card--0"> <div class="igrad-icon-box"> <span class="igrad-icon">→</span> </div> <h3 class="igrad-title">Snelle lancering</h3> <p class="igrad-desc">Van briefing tot live in twee weken.</p> </div><div class="igrad-card igrad-card--1"> <div class="igrad-icon-box"> <span class="igrad-icon">→</span> </div> <h3 class="igrad-title">Scherpe focus</h3> <p class="igrad-desc">Alleen acties die bijdragen aan jouw doel.</p> </div><div class="igrad-card igrad-card--2"> <div class="igrad-icon-box"> <span class="igrad-icon">→</span> </div> <h3 class="igrad-title">Aantoonbare groei</h3> <p class="igrad-desc">Elke euro advertising spend bijgehouden.</p> </div><div class="igrad-card igrad-card--3"> <div class="igrad-icon-box"> <span class="igrad-icon"></span> </div> <h3 class="igrad-title">Echte samenwerking</h3> <p class="igrad-desc">Jij kent jouw markt, wij kennen marketing.</p> </div> </div>

<style>
.igrad-grid{--color-accent: #6366f1;--color-primary: #0a0a0a;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:32px;font-family:system-ui,sans-serif}
.igrad-card{padding:28px;border-radius:16px;display:flex;flex-direction:column;gap:12px}
.igrad-card--0{background:linear-gradient(135deg,#667eea20,#764ba220);border:1px solid #6366f130}
.igrad-card--1{background:linear-gradient(135deg,#f09b2820,#f72d7220);border:1px solid #ec489930}
.igrad-card--2{background:linear-gradient(135deg,#11998e20,#38ef7d20);border:1px solid #10b98130}
.igrad-card--3{background:linear-gradient(135deg,#4facfe20,#00f2fe20);border:1px solid #3b82f630}
.igrad-icon-box{width:52px;height:52px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014}
.igrad-icon{font-size:1.5rem}
.igrad-title{margin:0;font-size:1rem;font-weight:700;color:var(--color-primary)}
.igrad-desc{margin:0;font-size:.875rem;line-height:1.6;color:#374151}
</style>