.action-button {
  background: var(--color-accent);
  border: none;
  border-radius: var(--radius-md);
  color: var(--color-white);
  cursor: pointer;
  font-size: var(--font-base);
  padding: var(--space-sm) var(--space-lg);
  transition: background var(--transition-fast);

  &:hover {
    background: var(--color-accent-dim);
  }

  &.-secondary {
    background: var(--color-white-alpha-10);
    border: 1px solid var(--color-white-alpha-20);
  }

  &.-danger {
    background: var(--color-danger);
  }
}