/* Shared inline form action buttons. */

.vk-form-inline-action {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 var(--vk-form-control-padding-x);
  border-radius: var(--vk-form-control-radius);
  font-size: var(--vk-font-label);
  font-weight: var(--vk-weight-bold);
  cursor: pointer;
}

.vk-form-inline-action.vk-paper-button {
  height: var(--vk-form-control-height);
  min-height: var(--vk-form-control-height);
  box-sizing: border-box;
  border: 0;
  border-radius: var(--vk-paper-control-radius, var(--vk-form-control-radius));
  font-weight: var(--vk-weight-semibold);
}

.vk-form-inline-action.is-embedded {
  min-height: var(--vk-form-embedded-action-size);
  margin-right: 6px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--vk-form-embedded-action-radius);
  background: var(--vk-paper-lift-button-bg);
  color: var(--vk-text-disabled);
  font-size: var(--vk-font-caption);
  box-shadow: var(--vk-shadow-form-inline-action);
}

.vk-form-inline-action.is-embedded.vk-paper-button {
  --vk-paper-button-lift: 1px;
  --vk-paper-selected-button-bg: var(--vk-paper-main-bg);
  --vk-paper-selected-button-bg-hover: var(--vk-paper-main-bg);
  --vk-paper-selected-button-bg-pressed: var(--vk-paper-main-bg);
  --vk-paper-selected-button-text: var(--vk-paper-main-text);
  --vk-paper-selected-button-border: transparent;
  min-height: var(--vk-form-embedded-action-size);
  height: var(--vk-form-embedded-action-size);
  background: var(--vk-paper-button-bg);
  color: var(--vk-paper-lift-button-text);
  font-weight: var(--vk-weight-light);
  box-shadow: var(
    --vk-paper-button-shadow,
    0 var(--vk-paper-button-shadow-y) var(--vk-paper-button-shadow-blur)
      rgba(0, 0, 0, var(--vk-paper-button-shadow-alpha))
  );
}

.vk-form-inline-action .lucide {
  width: 16px;
  height: 16px;
  stroke-width: 1.9;
}

.vk-form-inline-action.is-active:not(.vk-paper-button) {
  background: var(--vk-paper-selected-button-bg);
  border-color: var(--vk-paper-selected-button-border);
  color: var(--vk-paper-selected-button-text);
}

.vk-form-inline-action.is-embedded.vk-paper-button.is-active {
  color: var(--vk-paper-selected-button-text);
}

.vk-form-inline-action.is-disabled {
  opacity: 0.58;
  cursor: default;
  pointer-events: none;
}