.cerax-contact-layout > aside > .eosp-engage-pathway {
  color: inherit !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) 20px;
  align-items: center;
  column-gap: 16px;
  min-height: 72px;
  text-decoration: none !important;
  transition: color .18s ease, padding-inline .18s ease, background-color .18s ease;
}

.cerax-contact-layout > aside > .eosp-engage-pathway::after {
  color: #b77922;
  content: '→';
  font: 400 23px/1 Georgia, serif;
  opacity: 0;
  text-align: end;
  transition: opacity .18s ease, transform .18s ease;
  transform: translateX(-5px);
}

html[dir='rtl'] .cerax-contact-layout > aside > .eosp-engage-pathway::after {
  content: '←';
  text-align: start;
  transform: translateX(5px);
}

.cerax-contact-layout > aside > .eosp-engage-pathway:hover,
.cerax-contact-layout > aside > .eosp-engage-pathway:focus-visible,
.cerax-contact-layout > aside > .eosp-engage-pathway.is-active {
  background: rgba(188, 136, 64, .09);
  color: #8f5d18 !important;
  outline: none;
  padding-inline: 10px;
}

.cerax-contact-layout > aside > .eosp-engage-pathway:hover::after,
.cerax-contact-layout > aside > .eosp-engage-pathway:focus-visible::after,
.cerax-contact-layout > aside > .eosp-engage-pathway.is-active::after {
  opacity: 1;
  transform: translateX(0);
}

.eosp-engage-pathway-note {
  background: #f4ead6;
  border-inline-start: 3px solid #bf7d1d;
  color: #4d4031;
  font: 600 14px/1.45 Arial, sans-serif;
  margin: 12px 0 0;
  padding: 12px 14px;
}

@media (max-width: 760px) {
  .cerax-contact-layout > aside > .eosp-engage-pathway { min-height: 58px; grid-template-columns: 42px minmax(0, 1fr) 18px; column-gap: 10px; }
  .cerax-contact-layout > aside > .eosp-engage-pathway::after { opacity: 1; }
}