/* Shared RTS button component. Use .button with a colour modifier. */
.button {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  width: max-content;
  padding: 9px 13px;
  background: var(--accent);
  color: var(--button-text);
  border: 1px solid var(--accent);
  font: 600 9px var(--mono);
  text-transform: uppercase;
  transition: transform .2s, filter .2s, background-color .15s, border-color .15s;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 10px;
}
.button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.button--gold { background: var(--accent); color: var(--button-text); border-color: var(--accent); }
.button--blue { background: #0384CB; color: #fff; border-color: #0384CB; }
.button.copied { background: #22c55e; color: #fff; border-color: #22c55e; }
.button:last-child { margin-right: 0; }
.download-stack .button { width: 100%; justify-content: space-between; }