add hover state to ebook link button

Author: javiert-okta

src/features/common/components/ebook/ebook.module.scss

@@ -254,6 +254,12 @@
     letter-spacing: -.2px;
     transition: all .3s ease-in-out;
 
+    &:hover {
+      background: var(--color_fg_on_button_primary);
+      box-shadow: 0 0 0 4px rgba(0,0,0,.2);
+      transition: all .2s ease-out;
+    }
+
   :global(html[lang="ja"]) & {
     @include LocaleLineHeight("ja", 1rem);
   }

src/libs/theme/styles/globals.scss

@@ -180,7 +180,7 @@ html[data-theme="system-light"] {
 
   --color_fg_on_button: var(--charcoal2);
   --color_fg_on_button_subtle: var(--functional-gray-600);
-  --color_fg_on_button_primary: var(--functional-gray-0);
+  --color_fg_on_button_primary: var(--functional-gray-1000);
   --color_bg_button: var(--functional-gray-0);
   --color_bg_button_hover: var(--functional-gray-150);
   --color_bg_button_pressed: #e8e8e8;