Как полностью оформить тег <a>в styleled-компонентах?

Question

В настоящее время учатся делать стилизованные компоненты. Я хотел бы продублировать это css в styleled-компонентах:

a{
text-decoration: none
}

a:link {
  color: red;
}

a:visited {
  color: green;
}

a:hover {
  color: purple;
}

a:active {
  color: blue;
}

Как вы это делаете?

Я думаю, что стилизованные компоненты действительно хороши, и мне нужно печатать больше, не используя код прежде чем я могу представить.