.latepoint .ih-lp-customer-doctors-cta,
.latepoint-w .ih-lp-customer-doctors-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
box-sizing: border-box;
margin: 0 0 28px;
padding: 22px 24px;
border: 1px solid rgba(32, 38, 91, 0.12);
border-radius: 20px;
background: rgba(255, 255, 255, 0.76);
box-shadow: 0 18px 44px rgba(32, 38, 91, 0.1), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
color: #20265b;
-webkit-backdrop-filter: blur(18px) saturate(160%);
backdrop-filter: blur(18px) saturate(160%);
}
.latepoint .ih-lp-customer-doctors-cta__content,
.latepoint-w .ih-lp-customer-doctors-cta__content {
min-width: 0;
}
.latepoint .ih-lp-customer-doctors-cta__title,
.latepoint-w .ih-lp-customer-doctors-cta__title {
margin: 0 0 6px;
color: #20265b;
font-size: 22px;
font-weight: 700;
line-height: 1.18;
}
.latepoint .ih-lp-customer-doctors-cta__text,
.latepoint-w .ih-lp-customer-doctors-cta__text {
max-width: 620px;
color: rgba(32, 38, 91, 0.72);
font-size: 15px;
line-height: 1.45;
}
.latepoint .ih-lp-customer-doctors-cta__button,
.latepoint-w .ih-lp-customer-doctors-cta__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 44px;
padding: 11px 18px;
border: 1px solid rgba(32, 38, 91, 0.16);
border-radius: 999px;
background: #20265b;
box-shadow: 0 10px 24px rgba(32, 38, 91, 0.18);
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.latepoint .ih-lp-customer-doctors-cta__button:hover,
.latepoint .ih-lp-customer-doctors-cta__button:focus,
.latepoint-w .ih-lp-customer-doctors-cta__button:hover,
.latepoint-w .ih-lp-customer-doctors-cta__button:focus {
background: #2c3474;
box-shadow: 0 14px 30px rgba(32, 38, 91, 0.22);
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.latepoint .ih-lp-customer-doctors-cta__button:focus-visible,
.latepoint-w .ih-lp-customer-doctors-cta__button:focus-visible {
outline: 2px solid rgba(32, 38, 91, 0.34);
outline-offset: 3px;
}
.latepoint .customer-booking .ih-latepoint-bm-customer-chat-wrap,
.latepoint-w .customer-booking .ih-latepoint-bm-customer-chat-wrap,
.customer-bookings-tiles .customer-booking .ih-latepoint-bm-customer-chat-wrap {
margin-top: 12px;
padding-top: 12px;
}
.latepoint .customer-booking .ih-latepoint-bm-customer-chat-button,
.latepoint-w .customer-booking .ih-latepoint-bm-customer-chat-button,
.customer-bookings-tiles .customer-booking .ih-latepoint-bm-customer-chat-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
border: 2px dotted rgba(0, 0, 0, 0.1) !important;
gap: 6px !important;
padding: 7px 10px !important;
text-align: center !important;
border-radius: 15px !important;
background: transparent !important;
color: #1d7bff !important;
cursor: pointer !important;
font-size: 15px !important;
font-weight: 400 !important;
margin-bottom: 5px;
text-decoration: none !important;
width: 100% !important;
}
.latepoint .customer-booking .ih-latepoint-bm-customer-chat-button .latepoint-icon,
.latepoint-w .customer-booking .ih-latepoint-bm-customer-chat-button .latepoint-icon,
.customer-bookings-tiles .customer-booking .ih-latepoint-bm-customer-chat-button .latepoint-icon {
line-height: 1 !important;
color: #1d7bff !important;
}
.latepoint .customer-booking .ih-latepoint-bm-customer-chat-button:hover,
.latepoint .customer-booking .ih-latepoint-bm-customer-chat-button:focus,
.latepoint-w .customer-booking .ih-latepoint-bm-customer-chat-button:hover,
.latepoint-w .customer-booking .ih-latepoint-bm-customer-chat-button:focus,
.customer-bookings-tiles .customer-booking .ih-latepoint-bm-customer-chat-button:hover,
.customer-bookings-tiles .customer-booking .ih-latepoint-bm-customer-chat-button:focus {
border: 2px solid #1d7bff !important;
color: #1d7bff !important;
text-decoration: none !important;
}
.latepoint .customer-dashboard-tabs .ih-latepoint-messages-tab-link {
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
text-decoration: none;
}
.latepoint .customer-dashboard-tabs .ih-latepoint-messages-tab-link:hover {
text-decoration: none;
}
.latepoint .customer-dashboard-tabs .ih-latepoint-messages-tab-label {
display: inline-block;
line-height: 1.2;
}
.latepoint .customer-dashboard-tabs .ih-latepoint-messages-tab-badge {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
margin-left: 0;
}
@media (max-width: 680px) {
.latepoint .ih-lp-customer-doctors-cta,
.latepoint-w .ih-lp-customer-doctors-cta {
align-items: stretch;
flex-direction: column;
gap: 16px;
padding: 20px;
}
.latepoint .ih-lp-customer-doctors-cta__title,
.latepoint-w .ih-lp-customer-doctors-cta__title {
font-size: 20px;
}
.latepoint .ih-lp-customer-doctors-cta__button,
.latepoint-w .ih-lp-customer-doctors-cta__button {
width: 100%;
}
}