/* CSS-only equivalent of the legacy Solutions customer-card hover. */
#customer-paths a[href^="/solutions/"],
#customer-paths a.customer-card {
  isolation: isolate;
  position: relative;
}

#customer-paths a[href^="/solutions/"]::after,
#customer-paths a.customer-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background-color: transparent;
  transition: background-color 180ms ease;
}

#customer-paths a[href^="/solutions/"]:hover::after,
#customer-paths a[href^="/solutions/"]:focus-visible::after,
#customer-paths a.customer-card:hover::after,
#customer-paths a.customer-card:focus-visible::after {
  background-color: rgba(255, 255, 255, 0.72);
}

#customer-paths a[href^="/solutions/"]:hover h3,
#customer-paths a[href^="/solutions/"]:hover p,
#customer-paths a[href^="/solutions/"]:hover span,
#customer-paths a[href^="/solutions/"]:focus-visible h3,
#customer-paths a[href^="/solutions/"]:focus-visible p,
#customer-paths a[href^="/solutions/"]:focus-visible span,
#customer-paths a.customer-card:hover h3,
#customer-paths a.customer-card:hover p,
#customer-paths a.customer-card:hover span,
#customer-paths a.customer-card:focus-visible h3,
#customer-paths a.customer-card:focus-visible p,
#customer-paths a.customer-card:focus-visible span {
  color: #2d0b1a !important;
  -webkit-text-fill-color: #2d0b1a !important;
}

#customer-paths a[href^="/solutions/"]:hover svg,
#customer-paths a[href^="/solutions/"]:focus-visible svg,
#customer-paths a.customer-card:hover svg,
#customer-paths a.customer-card:focus-visible svg {
  color: #2d0b1a !important;
  stroke: #2d0b1a !important;
}

#customer-paths a[href^="/solutions/"]:hover .rounded-full,
#customer-paths a[href^="/solutions/"]:focus-visible .rounded-full,
#customer-paths a.customer-card:hover .rounded-full,
#customer-paths a.customer-card:focus-visible .rounded-full {
  background-color: #2d0b1a !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#customer-paths a[href^="/solutions/"]:hover .rounded-full *,
#customer-paths a[href^="/solutions/"]:focus-visible .rounded-full *,
#customer-paths a.customer-card:hover .rounded-full *,
#customer-paths a.customer-card:focus-visible .rounded-full * {
  color: #fff !important;
  stroke: #fff !important;
  -webkit-text-fill-color: #fff !important;
}