src/components/text/TextGradient.astro
---
// TextGradient, recovered from blurr-components.pages.dev
---
<div class="tx-grad"> <p class="tx-grad__text" style="background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;"> Groei zonder grenzen </p> <p class="tx-grad__sub">Met BLURR als jouw digitale partner.</p> </div>
<style>
.tx-grad{text-align:center;padding:2rem 0}
.tx-grad__text{margin:0 0 .75rem;font-size:clamp(2rem,6vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.025em;display:inline-block}
.tx-grad__sub{margin:0;font-size:1.05rem;color:#666}
</style>