:root {
  --action-cost-badge-border: rgba(212, 175, 55, 0.45);
  --action-cost-badge-bg: transparent;
  --action-cost-badge-color: #e6c965;
  --action-cost-badge-size: 11px;
}

.action-cost-btn,
.action-cost-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.action-cost-label {
  display: inline-flex;
  align-items: center;
}

.action-cost-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--action-cost-badge-border);
  background: var(--action-cost-badge-bg);
  color: var(--action-cost-badge-color);
  font-size: var(--action-cost-badge-size);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
}