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

@@ -2,13 +2,13 @@ import { Typography } from '../../Typography'
 import { RatePointsOption, RateTermDetails } from '../types'
 
 import { RadioGroup } from 'react-aria-components'
+import { useIntl } from 'react-intl'
 import { IconButton } from '../../IconButton'
 import { MaterialIcon } from '../../Icons/MaterialIcon'
 import { Radio } from '../../Radio'
 import Modal from '../Modal'
 import styles from '../rate-card.module.css'
 import { variants } from '../variants'
-import { useIntl } from 'react-intl'
 
 interface PointsRateCardProps {
   rateTitle: string
@@ -56,9 +56,9 @@ export default function PointsRateCard({
                 subtitle={paymentTerm}
                 trigger={
                   <IconButton
-                    theme="Black"
-                    style="Muted"
-                    wrapping
+                    variant="Muted"
+                    emphasis
+                    size="sm"
                     aria-label={intl.formatMessage({
                       id: 'selectRate.rateCard.openReservationPolicy',
                       defaultMessage: 'Open reservation policy',