diff --git a/example.css b/example.css
index 6d16851ef..5787d6fa7 100644
--- a/example.css
+++ b/example.css
@@ -67,6 +67,23 @@
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
+.otp:not(.mobile) .sidebar .desktop-narrative-container div[class*=TripDetails-sc].with-booking-link {
+ border-bottom: none;
+ margin-bottom: 0;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.otp:not(.mobile) .sidebar .desktop-narrative-container .booking-link {
+ border: 1px solid #003865;
+ border-top: none;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ padding-bottom: 14px;
+ margin-bottom: 14px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
.otp .sidebar-footer a {
color: #212121;
text-decoration: underline;
diff --git a/i18n/en-US.yml b/i18n/en-US.yml
index 96e964ed1..89f000b99 100644
--- a/i18n/en-US.yml
+++ b/i18n/en-US.yml
@@ -769,6 +769,7 @@ common:
# Note to translator: these values are width-constrained.
forms:
back: Back
+ bookOnline: Book Online
cancel: Cancel
clear: Clear
error: error!
diff --git a/lib/components/app/app-menu.tsx b/lib/components/app/app-menu.tsx
index 82994c773..c4a024ca4 100644
--- a/lib/components/app/app-menu.tsx
+++ b/lib/components/app/app-menu.tsx
@@ -182,6 +182,7 @@ class AppMenu extends Component<
const { isPaneOpen } = this.state || false
const { ContactLink } = this.context
const { surveyProps } = this.context
+ const { bookingProps } = this.context
return (
<>
)}
+ {bookingProps &&
+ !!bookingProps.linkText &&
+ !!bookingProps.linkHref && (
+
+ )}