Ссылки, раздвигающие скобки: [ Link ] с помощью CSS

Наведите курсор на эту ссылку:
[ CSS cсылки ]

Исходный код этого примера:
<style type="text/css">
  a.pushLink { padding: 0 3px; font-weight: bold; text-decoration: none; }
  a.pushLink:hover { padding: 0; }
  a.pushLink:hover span { margin: 0 3px; color: red; }
</style>

<p>
    Наведите курсор на эту ссылку:<br>
    <a class="pushLink" href="">[ <span>CSS cсылки</span> ]</a>
</p>

.