Feat/BOOK-293 button adjustments

* feat(BOOK-293): Adjusted padding of the buttons to match Figma design
* feat(BOOK-293): Updated variants for IconButton
* feat(BOOK-113): Updated focus indicators on buttons and added default focus ring color
* feat(BOOK-293): Replaced buttons inside booking widget

Approved-by: Christel Westerberg

packages/design-system/lib/components/RateCard/Modal/index.tsx

@@ -3,9 +3,9 @@
 import { AnimatePresence, motion } from 'motion/react'
 import { type PropsWithChildren, useEffect, useState } from 'react'
 import {
+  Modal as AriaModal,
   Dialog,
   DialogTrigger,
-  Modal as AriaModal,
   ModalOverlay,
 } from 'react-aria-components'
 
@@ -17,11 +17,11 @@ import {
 } from './modal'
 import { fade, slideInOut } from './motionVariants'
 
-import styles from './modal.module.css'
-import { Typography } from '../../Typography'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { IconButton } from '../../IconButton'
 import { useIntl } from 'react-intl'
+import { IconButton } from '../../IconButton'
+import { MaterialIcon } from '../../Icons/MaterialIcon'
+import { Typography } from '../../Typography'
+import styles from './modal.module.css'
 
 const MotionOverlay = motion.create(ModalOverlay)
 const MotionModal = motion.create(AriaModal)
@@ -91,8 +91,8 @@ function InnerModal({
                     )}
                   </div>
                   <IconButton
-                    theme="Black"
-                    style="Muted"
+                    variant="Muted"
+                    emphasis
                     onPress={close}
                     aria-label={intl.formatMessage({
                       id: 'common.close',