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

@@ -3,13 +3,13 @@ import { cx } from 'class-variance-authority'
 import { Typography } from '../../Typography'
 import { Rate, RateTermDetails } from '../types'
 
+import { Button as ButtonRAC } from 'react-aria-components'
+import { useIntl } from 'react-intl'
 import { IconButton } from '../../IconButton'
 import { MaterialIcon } from '../../Icons/MaterialIcon'
 import Modal from '../Modal'
 import styles from '../rate-card.module.css'
 import { variants } from '../variants'
-import { Button as ButtonRAC } from 'react-aria-components'
-import { useIntl } from 'react-intl'
 
 interface CampaignRateCardProps {
   id: string
@@ -79,9 +79,9 @@ export default function CampaignRateCard({
               subtitle={paymentTerm}
               trigger={
                 <IconButton
-                  theme="Black"
-                  style="Muted"
-                  wrapping
+                  variant="Muted"
+                  emphasis
+                  size="sm"
                   className={styles.triggerButton}
                   aria-label={intl.formatMessage({
                     id: 'selectRate.rateCard.openReservationPolicy',