.btn {
  transition: opacity 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.btn.small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn.primary {
  background: var(--btn-primary-bg);
  border-color: var(--btn-primary-border);
  color: var(--btn-primary-text);
}

.btn.secondary {
  background: var(--btn-secondary-bg);
  border-color: var(--btn-secondary-border);
  color: var(--btn-secondary-text);
}

.btn.tertiary {
  background: var(--btn-tertiary-bg);
  border-color: var(--btn-tertiary-border);
  color: var(--btn-tertiary-text);
}

.btn.danger {
  background: var(--btn-danger-bg);
  border-color: var(--btn-danger-border);
  color: var(--btn-danger-text);
}