/* ===== Componente Button InkPages ===== */
.btn {
  border-radius: var(--radius);
  background: var(--accent);
  color: #fff;
  padding: 0.5em 1.2em;
  border: none;
  cursor: pointer;
  font-family: var(--font-main);
  font-size: 1em;
  transition: background 0.2s;
  outline: none;
}
.btn:hover, .btn:focus { background: #e73370; }
.btn--secondary {
  background: #fff;
  color: var(--accent);
  border: 1px solid var(--accent);
}
.btn--secondary:hover, .btn--secondary:focus {
  background: #f5f5f5;
  color: #e73370;
}
.btn--danger {
  background: var(--error);
}
.btn--danger:hover, .btn--danger:focus {
  background: #b71c1c;
}