/*
  AJUSTE RÁPIDO DE BOTÕES E ESPAÇOS (sem mexer no HTML/PHP)
  Edite os valores abaixo conforme necessidade.
*/

:root {
  --ui-btn-radius: 10px;
  --ui-btn-padding-y: 12px;
  --ui-btn-padding-x: 18px;
  --ui-btn-font-size: 1rem;
  --ui-btn-font-weight: 700;
  --ui-btn-line-height: 1.2;
  --ui-btn-text-align: center;
  --ui-btn-gap: .78rem;
  --ui-btn-margin-top: .95rem;
  --ui-btn-offset-left: 0px;
  --ui-btn-offset-right: 0px;
}

.btn,
button {
  border-radius: var(--ui-btn-radius);
  padding: var(--ui-btn-padding-y) var(--ui-btn-padding-x);
  font-size: var(--ui-btn-font-size);
  font-weight: var(--ui-btn-font-weight);
  line-height: var(--ui-btn-line-height);
  text-align: var(--ui-btn-text-align);
}

.hero-actions,
.card-actions {
  gap: var(--ui-btn-gap);
}

.split-copy > .btn,
.split-copy > .hero-actions,
.centered-cta .btn {
  margin-top: var(--ui-btn-margin-top);
  margin-left: var(--ui-btn-offset-left);
  margin-right: var(--ui-btn-offset-right);
}