ContentDivider Sections

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

<div class="cdv-wrap cdv-wrap--md"> <hr class="cdv-line">    </div>

<style>
.cdv-wrap--sm{margin:1.5rem 0}
.cdv-wrap--md{margin:3rem 0}
.cdv-wrap--lg{margin:5rem 0}
.cdv-line{border:none;border-top:1px solid #e5e5e5;margin:0}
.cdv-gradient{height:2px;background:linear-gradient(90deg,transparent,var(--color-accent, #6366f1),transparent);border-radius:2px}
.cdv-dots{display:flex;justify-content:center;gap:.5rem}
.cdv-dots span{width:6px;height:6px;border-radius:50%;background:#ccc}
.cdv-label-wrap{display:flex;align-items:center;gap:1rem}
.cdv-label-line{flex:1;height:1px;background:#e5e5e5}
.cdv-label-text{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#999;white-space:nowrap}
</style>