/* ==========================================================================
   Botões globais, ltcminer-site
   Qualquer ajuste de botão: mexer APENAS aqui. Nunca duplicar estilo de botão.
   ========================================================================== */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  min-height: 48px;
  padding: 0 var(--sp-6);
  border-radius: var(--raio);
  border: 1px solid transparent;
  font-family: var(--fonte);
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: transform 0.12s ease, background-color 0.15s ease,
    border-color 0.15s ease, opacity 0.15s ease;
  user-select: none;
}

.btn:active { transform: translateY(1px); }
.btn:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }

/* Primário: ação principal (download da versão mais recente). Laranja. */
.btn-primario {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
.btn-primario:hover { background-color: var(--primary-2); }

/* Secundário: ações de apoio. Transparente com borda. */
.btn-secundario {
  background-color: transparent;
  color: var(--foreground);
  border-color: var(--border);
}
.btn-secundario:hover { background-color: var(--card); }

/* Botão de plataforma: card-botão com ícone + label + tamanho do arquivo. */
.btn-plataforma {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  width: 100%;
  min-height: 72px;
  padding: var(--sp-4) var(--sp-6);
  border-radius: var(--raio);
  border: 1px solid var(--border);
  background-color: var(--card);
  color: var(--foreground);
  cursor: pointer;
  text-align: left;
  transition: transform 0.12s ease, border-color 0.15s ease,
    background-color 0.15s ease;
}
.btn-plataforma:hover {
  border-color: var(--primary);
  transform: translateY(-2px);
}
.btn-plataforma .plataforma-icone {
  font-size: 28px;
  line-height: 1;
  flex-shrink: 0;
}
.btn-plataforma .plataforma-nome { font-weight: 700; font-size: 16px; }
.btn-plataforma .plataforma-info { font-size: 13px; color: var(--muted-foreground); }

/* Desabilitado */
.btn:disabled,
.btn[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}