/* The WoW red button, copied from wowgoldfarms .wgf-btn-red: two 56px cap slices + tiled center, padding == cap width. Art in assets/ui. */
.gr-btn {
  --h: 34px; --cap: 15px;
  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: var(--h); min-width: 96px; padding: 0 var(--cap); border: 0; border-radius: 0;
  background: url(../assets/ui/128-redbutton-left-cap.png) left center / auto 100% no-repeat border-box,
              url(../assets/ui/128-redbutton-right-cap.png) right center / auto 100% no-repeat border-box,
              url(../assets/ui/128-redbutton-center.png) left center / auto 100% repeat-x content-box;
  background-color: transparent; color: var(--gold-bright); font: 700 14px/1 var(--font-game); letter-spacing: .02em; text-align: center; text-decoration: none; text-shadow: var(--ink);
  cursor: pointer; user-select: none; transition: filter .12s;
}
.gr-btn:hover { filter: brightness(1.12); }
.gr-btn:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 1px; }
.gr-btn:active {
  background: url(../assets/ui/128-redbutton-left-cap-pressed.png) left center / auto 100% no-repeat border-box,
              url(../assets/ui/128-redbutton-right-cap-pressed.png) right center / auto 100% no-repeat border-box,
              url(../assets/ui/128-redbutton-center-pressed.png) left center / auto 100% repeat-x content-box;
  transform: translateY(1px); filter: brightness(.92);
}
.gr-btn[disabled], .gr-btn.is-disabled {
  background: url(../assets/ui/128-redbutton-left-cap-disabled.png) left center / auto 100% no-repeat border-box,
              url(../assets/ui/128-redbutton-right-cap-disabled.png) right center / auto 100% no-repeat border-box,
              url(../assets/ui/128-redbutton-center-disabled.png) left center / auto 100% repeat-x content-box;
  color: var(--gold-dim); cursor: default; pointer-events: none; filter: none;
}
/* small = 28px tall, cap scales to 56/128*28 = 12px */
.gr-btn--sm { --h: 28px; --cap: 12px; min-width: 64px; font-size: 13px; }
.gr-btn--danger { color: #ff9a8a; }
.file-btn input { display: none; }