CtaAngular CTA

---
// CtaAngular, recovered from blurr-components.pages.dev
---

<section class="ctaang" style="background:#6366f1"> <div class="ctaang-inner"> <h2 class="ctaang-headline">Tijd voor marketing die écht werkt</h2> <p class="ctaang-sub">Plan vandaag een gratis gesprek en ontdek hoe wij jouw bedrijf laten groeien.</p> <div class="ctaang-btns"> <a href="#" class="ctaang-btn-primary">Plan gratis gesprek</a> <a href="#" class="ctaang-btn-secondary">Meer info</a> </div> </div> </section>

<style>
.ctaang{padding:6rem 4rem;clip-path:polygon(0 6%,100% 0%,100% 94%,0% 100%);margin:-3rem 0}
.ctaang-inner{max-width:760px;margin:0 auto;text-align:center}
.ctaang-headline{font-size:clamp(1.75rem,4vw,3rem);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.15;margin:0 0 1rem}
.ctaang-sub{font-size:1.0625rem;color:#ffffffbf;line-height:1.65;margin:0 0 2.5rem}
.ctaang-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.ctaang-btn-primary{padding:.875rem 2.25rem;background:#fff;color:#0a0a0a;font-weight:700;font-size:.9375rem;border-radius:.5rem;text-decoration:none;transition:opacity .2s}
.ctaang-btn-primary:hover{opacity:.9}
.ctaang-btn-secondary{padding:.875rem 2.25rem;border:2px solid rgba(255,255,255,.4);color:#fff;font-weight:600;font-size:.9375rem;border-radius:.5rem;text-decoration:none;transition:border-color .2s}
.ctaang-btn-secondary:hover{border-color:#fff}
</style>