.cl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--cl-border);
  background: var(--cl-surface);
  color: var(--cl-text);
  font: inherit;
  cursor: pointer;
}

.cl-btn-primary {
  background: var(--cl-accent);
  color: #fff;
  border-color: transparent;
}

.cl-card {
  background: var(--cl-surface);
  border: 1px solid var(--cl-border);
  border-radius: 14px;
}