refined hover effects for page actions

templates/widgets/pageaction.lucius

@@ -22,23 +22,16 @@
 
   &:hover {
     .pagenav-secondary__list {
-      animation: pagenav-fade-in 200ms ease-in-out;
       display: block;
     }
   }
 }
 
-@keyframes pagenav-fade-in {
-  from {
-    opacity: 0;
-  }
-}
-
 .pagenav-secondary__list {
   position: absolute;
   display: none;
   right: 0;
-  top: 0;
+  top: 10px;
   width: 250px;
   text-align: right;
   background-color: white;
@@ -66,6 +59,10 @@
 .pagenav__link-wrapper {
   flex: 1;
   padding: 10px 10px 15px;
+
+  &:hover {
+    background-color: var(--color-grey-light);
+  }
 }
 
 @media (max-width: 768px) {