src/components/text/TextHighlight.astro
---
// TextHighlight, recovered from blurr-components.pages.dev
---
<div class="tx-hl"> <p class="tx-hl__label">Kern van onze aanpak</p> <p class="tx-hl__text">De meeste bedrijven geven elke maand geld uit aan advertenties zonder te weten of het werkt. Wij veranderen dat.</p> </div>
<style>
.tx-hl{padding:1.5rem 2rem;background:linear-gradient(135deg,#6366f10f,#a855f70a);border-radius:.75rem;border:1px solid rgba(99,102,241,.15)}
.tx-hl__label{margin:0 0 .5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}
.tx-hl__text{margin:0;font-size:1.05rem;color:var(--color-primary);line-height:1.7;font-weight:500}
</style>