/* Right-panel reusable game/variation row buttons. */

.menu-game-panel-button {
  --vk-paper-row-height: var(--menu-panel-row-height);
  --vk-paper-row-radius: var(--menu-panel-row-radius);
  --vk-paper-row-padding-x: var(--menu-panel-row-padding-x);
  --vk-paper-row-gap: 9px;
  --vk-paper-row-leading-size: 18px;

  width: 100%;
  min-height: var(--menu-panel-row-height);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  justify-content: flex-start;
  text-align: left;
  text-decoration: none;
}

.menu-game-panel-button.vk-paper-row-button {
  height: var(--menu-panel-row-height);
  max-height: var(--menu-panel-row-height);
  padding-top: 0;
  padding-bottom: 0;
  gap: var(--vk-paper-row-gap);
}

.menu-game-panel-button > .lucide {
  order: 0;
  flex: 0 0 var(--vk-paper-row-leading-size);
}

.menu-game-panel-button > span:not(.vk-paper-context-tab-slot):not(.vk-paper-row-meta):not(.vk-paper-row-actions) {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-game-panel-button.is-disabled,
.menu-game-panel-button:disabled {
  opacity: 0.58;
  cursor: default;
  pointer-events: none;
}

.menu-game-panel-button .lucide {
  width: 16px;
  height: 16px;
  stroke-width: 1.9;
}

.menu-game-review-hold-button.vk-paper-button {
  --vk-paper-lift-hold-fill: var(--hold-fill-color);
}

.menu-game-review-hold-button.vk-paper-button.is-holding::before {
  width: calc(var(--vk-hold-progress, 0) * 100%);
}