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/BookingCodeChip/index.tsx

@@ -1,13 +1,13 @@
 import { useIntl } from 'react-intl'
 
 import IconChip from '../IconChip'
-import FilledDiscountIcon from '../Icons/Nucleo/Benefits/FilledDiscount'
 import { MaterialIcon } from '../Icons/MaterialIcon'
+import FilledDiscountIcon from '../Icons/Nucleo/Benefits/FilledDiscount'
 import { Typography } from '../Typography'
 
-import styles from './bookingCodeChip.module.css'
 import { cx } from 'class-variance-authority'
 import { IconButton } from '../IconButton'
+import styles from './bookingCodeChip.module.css'
 
 type BaseBookingCodeChipProps = {
   alignCenter?: boolean
@@ -102,9 +102,8 @@ export function BookingCodeChip({
       </p>
       {withCloseButton && (
         <IconButton
-          style="Muted"
-          theme="Inverted"
-          wrapping
+          variant="Muted"
+          size="sm"
           className={styles.removeButton}
           onPress={onClose}
           aria-label={intl.formatMessage({