/* Shared filled buttons. a:hover from the design system must not recolor labels.
   Darker turquoise for white, small text (WCAG AA, >= 4.5:1). */
:root {
  --action-turquoise:#0B8190;
  --action-turquoise-hover:#0A7581;
  --action-turquoise-active:#08636E;
}
.btn.btn-primary,
.btn.btn-primary:visited,
.app-btn:not(.ghostw):not(.disabled),
.app-btn:not(.ghostw):not(.disabled):visited {
  background:var(--action-turquoise);
  color:#fff;
  border-radius:999px;
}
.btn.btn-primary:hover,
.app-btn:not(.ghostw):not(.disabled):hover {
  background:var(--action-turquoise-hover);
  color:#fff;
}
.btn.btn-primary:active,
.app-btn:not(.ghostw):not(.disabled):active {
  background:var(--action-turquoise-active);
  color:#fff;
}
.btn:focus-visible,
.app-btn:focus-visible {
  outline:3px solid #123B44;
  outline-offset:4px;
  box-shadow:0 0 0 4px #fff;
}
@media(forced-colors:active) {
  .btn:focus-visible,.app-btn:focus-visible { outline-color:Highlight; }
}