/*
 * HTML-widget interactive cards (button[class*="__card"] inside wd-* sections).
 * Elementor kit / WP often paint button:focus and button:active with brand green;
 * widgets own .is-active / [aria-pressed] states and must use !important there.
 */
section[class*="wd-"] button[class*="__card"] {
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

section[class*="wd-"] button[class*="__card"]:focus {
  outline: none;
}

section[class*="wd-"] button[class*="__card"]:focus-visible:not(.is-active):not([aria-pressed="true"]) {
  outline: 2px solid var(--color-ring, #2d5a45);
  outline-offset: 3px;
}