/* Shared selected and disabled behavior for paper buttons. */

.vk-btn.vk-paper-button.is-active,
.vk-btn.vk-paper-button[aria-pressed="true"],
.vk-btn.vk-paper-button[aria-current="page"] {
  --vk-paper-button-bg: var(--vk-paper-selected-button-bg);
  --vk-paper-button-border: var(--vk-paper-selected-button-border);

  color: var(--vk-paper-selected-button-text);
}

.vk-btn.vk-paper-button.is-active:hover:not(:disabled),
.vk-btn.vk-paper-button[aria-pressed="true"]:hover:not(:disabled),
.vk-btn.vk-paper-button[aria-current="page"]:hover:not(:disabled) {
  --vk-paper-button-bg: var(--vk-paper-selected-button-bg-hover);
  --vk-paper-button-border: var(--vk-paper-selected-button-border);

  color: var(--vk-paper-selected-button-text);
}

.vk-btn.vk-paper-button.is-active:active:not(:disabled),
.vk-btn.vk-paper-button[aria-pressed="true"]:active:not(:disabled),
.vk-btn.vk-paper-button[aria-current="page"]:active:not(:disabled) {
  --vk-paper-button-bg: var(--vk-paper-selected-button-bg-pressed);
  --vk-paper-button-border: var(--vk-paper-selected-button-border);

  color: var(--vk-paper-selected-button-text);
}

.vk-btn.vk-paper-button:disabled,
.vk-btn.vk-paper-button.is-disabled {
  --vk-paper-button-lift: 0px;
  --vk-paper-button-shadow-y: 0px;
  --vk-paper-button-shadow-blur: 0px;
  --vk-paper-button-shadow-spread: 0px;
  --vk-paper-button-shadow-alpha: 0;
  --vk-paper-button-bg: var(--vk-paper-lift-button-disabled-bg);
  --vk-paper-button-border: transparent;
  color: var(--vk-paper-lift-button-disabled-text);
  box-shadow: none;
  opacity: 1;
  transform: translateY(0);
  will-change: auto;
}

.vk-btn.vk-paper-button.is-disabled {
  cursor: default;
  pointer-events: none;
}