src/components/sections/ContentCallout.astro
---
// ContentCallout, recovered from blurr-components.pages.dev
---
<div class="cco-wrap" style="--cco-bg: #faf5ff; --cco-border: #a855f7"> <div class="cco-icon" aria-hidden="true">→</div> <div class="cco-body"> <strong class="cco-title">Pro tip van BLURR</strong> <p class="cco-text">Combineer Google Ads met organische SEO voor het sterkste resultaat.</p> </div> </div>
<style>
.cco-wrap{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:var(--cco-bg, #faf5ff);border-left:4px solid var(--cco-border, #a855f7);border-radius:0 8px 8px 0;margin:2rem 0}
.cco-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:.1rem}
.cco-body{flex:1}
.cco-title{display:block;font-size:.9rem;font-weight:700;color:var(--color-primary, #0a0a0a);margin-bottom:.35rem}
.cco-text{font-size:.95rem;line-height:1.65;color: #e8e8e8;margin:0}
</style>