diff --git a/template/styles.css b/template/styles.css
index 8a5389c..4e45519 100644
--- a/template/styles.css
+++ b/template/styles.css
@@ -241,14 +241,32 @@ blockquote.tyto p::after {
    display:             block;
 }
 
-blockquote.tyto a {
- display:               block;
- float:                 right;
- background-color:      var(--a-lec_yellow);
- padding:               4px;
- color:                 var(--a-lec_black);
- margin-right:          -10px;
- font-size:             initial;
+blockquote.tyto a.tyto {
+   display:               block;
+   float:                 right;
+   background-color:      var(--a-lec_yellow);
+   padding:               4px;
+   color:                 var(--a-lec_black);
+   margin-right:          -10px;
+   font-size:             initial;
+}
+blockquote.tyto a.tyto:hover {
+   display:               block;
+   float:                 right;
+   background-color:      var(--a-lec_blue);
+   padding:               4px;
+   color:                 var(--a-lec_black);
+   margin-right:          -10px;
+   font-size:             initial;
+}
+blockquote.tyto a.tyto:active {
+   display:               block;
+   float:                 right;
+   background-color:      var(--a-lec_yellow);
+   padding:               4px;
+   color:                 var(--a-lec_black);
+   margin-right:          -10px;
+   font-size:             initial;
 }
 
 /* If blockquote has metadatas, footer.tyto also gets new custom CSS */