JSFiddle - React, Tailwind, and code Playground

HTML

<a class="open-link" href="#">Link</a>

CSS

.open-link::before {
	content: '•';
	position: relative;
	display: inline-block;
  width: 10px;
  transition: width .3s;
	margin-right: 10px;
}
.open-link:hover::before {
	content: '• • •';
  width: 30px;
}