Style an <hr> line as wavy using CSS

Let's define the element:

html
<hr></hr>

And here is the CSS:

CSS
hr{
    border: none;
}
hr:after{
    content: '∿∿∿∿∿∿∿∿';
    /* Ratio -> font-size/letter-spacing = 6.25 */
    letter-spacing: -9.6px;
    font-size: 60px;
}

Result:

---