handling hover

resources/css/blocks/shortcuts.css

@@ -13,7 +13,7 @@
     .wp-block-button__link {
       @apply flex items-center;
       @apply !bg-secondary-light !text-secondary;
-
+      transition: scale 0.2s ease-out;
       &:before {
         @apply mr-3 h-6 w-6 bg-no-repeat bg-contain bg-center;
         content: '';
@@ -22,6 +22,14 @@
         display: inline-block;
         background-image: url('../resources/img/graphic-assets/anchor.svg');
       }
+      &:hover,
+      &:focus-visible {
+        @apply !bg-secondary !text-white;
+        scale: 1.02;
+        &:before {
+          filter: brightness(0) invert(1);
+        }
+      }
     }
   }
 }