wipe sideways links

<style>
a.wow:link { text-decoration: none; }

a.wow::before {
transform: scaleX(0);
transform-origin: bottom right;
}

a.wow:hover::before {
transform: scaleX(1);
transform-origin: bottom left;
}

a.wow::before {
content: " ";
display: block;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
inset: 0 0 0 0;
background: #D64933;
z-index: -1;
transition: transform .5s ease;
}

a.wow {
position: relative;
font-size: 2em;
}
</style>
<a class="wow" href="#home">Wipe Sideways</a>