src/components/text/TextSummary.astro
---
// TextSummary, recovered from blurr-components.pages.dev
---
<div class="tx-sum"> <p class="tx-sum__label">Kernpunten</p> <p class="tx-sum__title">Wat wij bieden</p> <ul class="tx-sum__list"> <li class="tx-sum__point"> <span class="tx-sum__icon" aria-hidden="true">▸</span> <span>Data-driven campagnebeheer</span> </li><li class="tx-sum__point"> <span class="tx-sum__icon" aria-hidden="true">▸</span> <span>Wekelijkse rapportage</span> </li><li class="tx-sum__point"> <span class="tx-sum__icon" aria-hidden="true">▸</span> <span>Dedicated accountmanager</span> </li><li class="tx-sum__point"> <span class="tx-sum__icon" aria-hidden="true">▸</span> <span>ROI-garantie</span> </li> </ul> </div>
<style>
.tx-sum{padding:1.5rem;background:#f8f8f8;border-radius:.75rem;border:1px solid #ebebeb}
.tx-sum__label{margin:0 0 .35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}
.tx-sum__title{margin:0 0 .85rem;font-size:.975rem;font-weight:700;color:var(--color-primary)}
.tx-sum__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.tx-sum__point{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color: #e8e8e8;line-height:1.55}
.tx-sum__icon{color:var(--color-accent);font-size:.75rem;flex-shrink:0;margin-top:.2rem}
</style>