/* WebEaze content links: no static underline. On hover, a brand-colored underline
   slides in and the color deepens, so links feel interactive and clickable.
   Loaded on every page EXCEPT the help center (help pages keep their own styling). */
a[style*="underline"] {
  text-decoration: none !important;
  color: var(--brand, #7851a9) !important;
  font-weight: 600;
  background-image: linear-gradient(var(--brand, #7851a9), var(--brand, #7851a9));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 2px;
  transition: background-size .28s cubic-bezier(.4, 0, .2, 1), color .18s ease;
  padding-bottom: 1px;
}
a[style*="underline"]:hover,
a[style*="underline"]:focus-visible {
  background-size: 100% 2px;
  color: #5f3d94 !important;
}

/* Buttons feel tactile and "pop": a springy press-down when clicked, and the
   hover transitions stay smooth. Applies to all button styles across the site. */
a[class*="btn-"], button[class*="btn-"], a.btn, button.btn, .wb-portal-btn, .wb-get-started-btn, .btn-nav-client {
  transition: transform .15s cubic-bezier(.34, 1.56, .64, 1), background .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease, filter .2s ease;
}
a[class*="btn-"]:active, button[class*="btn-"]:active, a.btn:active, button.btn:active, .wb-portal-btn:active, .wb-get-started-btn:active, .btn-nav-client:active {
  transform: scale(.94);
  filter: brightness(1.04);
}