src/components/text/TextOutline.astro
---
// TextOutline, recovered from blurr-components.pages.dev
---
<div class="tx-outline"> <p class="tx-outline__text">GROEI</p> <p class="tx-outline__sub">Dat is waar alles om draait.</p> </div>
<style>
.tx-outline{text-align:center;padding:2rem 0}
.tx-outline__text{margin:0 0 .5rem;font-size:clamp(3rem, 5vw, 5rem);font-weight:900;letter-spacing:-.02em;line-height:1;color:transparent;-webkit-text-stroke:2px var(--color-primary);text-stroke:2px var(--color-primary)}
.tx-outline__sub{margin:0;font-size:1rem;color:#777}
</style>