src/components/text/TextCaption.astro
---
// TextCaption, recovered from blurr-components.pages.dev
---
<figure class="tx-cap"> <figcaption class="tx-cap__caption"> <span class="tx-cap__text">Ons team tijdens de lancering van de BLURR Growth Sprint.</span> <span class="tx-cap__source">Foto: BLURR archief</span> </figcaption> </figure>
<style>
.tx-cap{margin:0;padding:.6rem 0 0;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.tx-cap__caption{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;width:100%}
.tx-cap__text{font-size:.825rem;color:#666;line-height:1.5;font-style:italic}
.tx-cap__source{font-size:.75rem;color:#bbb;white-space:nowrap;flex-shrink:0}
</style>