<div class="visibleBorderLeftRight">Hover me</div>
<style>
.visibleBorderLeftRight {
display: inline-block;
color: #1b202d;
position: relative;
}
.visibleBorderLeftRight:after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(1);
height: 2px;
bottom: 0;
left: 0;
background-color: #5851ec;
transform-origin: bottom left;
transition: transform .6s cubic-bezier(.53, .21, 0, 1);
}
.visibleBorderLeftRight:hover:after {
transform: scaleX(0);
transform-origin: bottom right;
}
</style>