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

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Upcoming/ManageStay/Actions/ViewAndPrintReceipt/view.module.css

@@ -7,5 +7,5 @@
 }
 
 .download:focus-visible {
-  outline: 2px solid -webkit-focus-ring-color;
+  outline: 2px solid var(--Border-Interactive-Focus);
 }

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/Room.tsx

@@ -265,8 +265,8 @@ export default function Room({ booking, roomNr, user }: RoomProps) {
                   subtitle={rateTerm.paymentTerm}
                   trigger={
                     <IconButton
-                      theme="Black"
-                      style="Muted"
+                      variant="Muted"
+                      emphasis
                       className={styles.termsInfoIcon}
                     >
                       <MaterialIcon

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/Details/Terms/Terms.tsx

@@ -50,7 +50,12 @@ export default function Terms() {
           title={rateTerm.title}
           subtitle={rateTerm.paymentTerm}
           trigger={
-            <IconButton theme="Black" style="Muted" className={styles.button}>
+            <IconButton
+              variant="Muted"
+              emphasis
+              size="sm"
+              className={styles.button}
+            >
               <MaterialIcon icon="info" color="Icon/Default" size={20} />
             </IconButton>
           }