/*
  Bootstrap (and similar) define a:hover { color: ... } which beats
  .esri-ui-button's color on hover (0,1,1 vs 0,1,0). That turns solid
  brand buttons into blue text on blue background.
  Matches esri.com esri-ui-button look: keep inverse text, no underline.
*/
a.esri-ui-button,
a.esri-ui-button:visited {
    color: var(--btn-color, var(--esri-ui-text-inverse, #fff));
    text-decoration: none;
}

a.esri-ui-button:is(:hover, :focus, :active) {
    color: var(--btn-color, var(--esri-ui-text-inverse, #fff));
    text-decoration: none;
}

a.esri-ui-button.esri-ui-button--outline,
a.esri-ui-button.esri-ui-button--transparent {
    color: var(--btn-color, var(--esri-ui-brand-default, #0079c1));
}

a.esri-ui-button.esri-ui-button--outline:is(:hover, :focus, :active),
a.esri-ui-button.esri-ui-button--transparent:is(:hover, :focus, :active) {
    color: var(--btn-color, var(--esri-ui-brand-default, #0079c1));
}