feat(BOOK-113): Synced hover/focus states for buttons and added better examples to storybook

* fix(BOOK-113): Updated hover colors after blend/mix has been removed

Approved-by: Christel Westerberg

packages/design-system/lib/components/BackToTopButton/variants.ts

@@ -2,7 +2,7 @@ import { cva } from 'class-variance-authority'
 
 import styles from './backToTopButton.module.css'
 
-export const backToTopButtonVariants = cva(styles.backToTopButton, {
+export const config = {
   variants: {
     position: {
       left: styles.left,
@@ -13,4 +13,6 @@ export const backToTopButtonVariants = cva(styles.backToTopButton, {
   defaultVariants: {
     position: 'right',
   },
-})
+} as const
+
+export const variants = cva(styles.backToTopButton, config)