src/components/text/TextBlockquote.astro
---
// TextBlockquote, recovered from blurr-components.pages.dev
---
<figure class="tx-bq"> <blockquote class="tx-bq__block"> <p>BLURR heeft onze online verkopen in 6 maanden verdrievoudigd.</p> </blockquote> <figcaption class="tx-bq__source">- Sarah K., eigenaar webshop</figcaption> </figure>
<style>
.tx-bq{margin:0;padding:0}
.tx-bq__block{margin:0 0 .75rem;padding:1.25rem 1.5rem;border-left:4px solid var(--color-accent);background:#6366f10d;border-radius:0 .5rem .5rem 0}
.tx-bq__block p{margin:0;font-size:1.05rem;color:var(--color-primary);font-style:italic;line-height:1.65}
.tx-bq__source{font-size:.825rem;color:#888;padding-left:1.75rem}
</style>