<style type="text/css">
  A.pushLink { padding: 0 3px; font-weight: bold; text-decoration: none; }
  A:hover.pushLink { padding: 0; }
  A:hover.pushLink span { margin: 0 3px; color: red; }
</style>

<h1>Ссылки, отталкивающие скобки: [ Link ] с помощью CSS</h1>
Наведите курсор на эту ссылку:<br>
<a class="pushLink" href="">[ <span>CSS cсылки</span> ]</a>