.button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"],
input[type="submit"],
.btn,
.theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: var(--color-primary);
  color: #08120d;
  font-size: var(--text-sm);
  font-weight: 700;
  line-height: 1;
  transition: transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

.button:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn:hover,
.theme-btn:hover {
  background: var(--color-primary-hover);
  color: #08120d;
  transform: translateY(-1px);
}

.button-outline,
.btn-outline {
  background: transparent;
  color: var(--color-heading);
  border-color: var(--color-border);
}

.button-outline:hover,
.btn-outline:hover {
  background: var(--color-surface);
  color: var(--color-heading);
}

.button-secondary,
.btn-secondary {
  background: var(--color-secondary);
  color: #ffffff;
}

.button-secondary:hover,
.btn-secondary:hover {
  color: #ffffff;
}

button:disabled,
input[type="submit"]:disabled,
.button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}