/* Keep button labels readable throughout hover and keyboard focus states. */
body .elementor-widget-button .elementor-button,
body .metop-button {
  transition-duration: 180ms !important;
  transition-property: box-shadow, transform !important;
  transition-timing-function: ease-out !important;
}

body .elementor-widget-button .elementor-button :is(.elementor-button-text, .elementor-button-icon, svg),
body .metop-button :is(span, svg) {
  transition: none !important;
}

body .elementor-widget-button .elementor-button:hover,
body .elementor-widget-button .elementor-button:focus-visible,
body .metop-button:hover,
body .metop-button:focus-visible {
  background: #0033ff !important;
  border-color: #0033ff !important;
  color: #ffffff !important;
}

body .elementor-widget-button .elementor-button:hover :is(.elementor-button-text, .elementor-button-icon, svg),
body .elementor-widget-button .elementor-button:focus-visible :is(.elementor-button-text, .elementor-button-icon, svg),
body .metop-button:hover :is(span, svg),
body .metop-button:focus-visible :is(span, svg) {
  color: inherit !important;
  fill: currentColor;
  stroke: currentColor;
}

body :is(
  .metop-space-related-link,
  .metop-cf-related-link,
  .metop-scan-related-link,
  .metop-studio-related-link,
  .metop-engine-related-link,
  .metop-support-related-link,
  .metop-ec-related-link
).elementor-widget-button .elementor-button:hover,
body :is(
  .metop-space-related-link,
  .metop-cf-related-link,
  .metop-scan-related-link,
  .metop-studio-related-link,
  .metop-engine-related-link,
  .metop-support-related-link,
  .metop-ec-related-link
).elementor-widget-button .elementor-button:focus-visible {
  color: #ffffff !important;
}

body .elementor-widget-button .elementor-button:focus-visible,
body .metop-button:focus-visible {
  outline: 2px solid #0033ff !important;
  outline-offset: 3px !important;
}

body .elementor-widget-button .elementor-button:active,
body .metop-button:active {
  background: #0028cc !important;
  border-color: #0028cc !important;
  transform: translateY(0) !important;
}

/* Text links should remain text links instead of becoming filled buttons. */
body .metop-resources-more-button .elementor-button:hover,
body .metop-resources-more-button .elementor-button:focus-visible,
body .metop-support-text-link .elementor-button:hover,
body .metop-support-text-link .elementor-button:focus-visible,
body .metop-products-page__text-link .elementor-button:hover,
body .metop-products-page__text-link .elementor-button:focus-visible,
body .metop-home-parity__inline-link .elementor-button:hover,
body .metop-home-parity__inline-link .elementor-button:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #0033ff !important;
}

body .metop-resources-more-button .elementor-button:hover .elementor-button-text,
body .metop-resources-more-button .elementor-button:focus-visible .elementor-button-text,
body .metop-support-text-link .elementor-button:hover .elementor-button-text,
body .metop-support-text-link .elementor-button:focus-visible .elementor-button-text,
body .metop-products-page__text-link .elementor-button:hover .elementor-button-text,
body .metop-products-page__text-link .elementor-button:focus-visible .elementor-button-text,
body .metop-home-parity__inline-link .elementor-button:hover .elementor-button-text,
body .metop-home-parity__inline-link .elementor-button:focus-visible .elementor-button-text {
  color: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
  body .elementor-widget-button .elementor-button,
  body .metop-button {
    transition: none !important;
  }
}
