/* Shared action primitive; scoped to migrated cards. Other control hierarchies are independent. */

:is(.competition-card, #dice-arcade-lobby .dice-instant-arcade-game-tile) .dice-card-action {
  min-height: var(--dice-ds-control);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--dice-ds-space-2) var(--dice-ds-space-4);
  color: var(--dice-ds-on-action);
  background: var(--dice-ds-action);
  border: 1px solid var(--dice-ds-action-border);
  border-radius: var(--dice-ds-radius-control);
  font: 700 var(--dice-ds-type-small)/1.25 var(--dice-font-display);
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color var(--dice-ds-duration), color var(--dice-ds-duration), border-color var(--dice-ds-duration);
  letter-spacing: var(--dice-ds-action-tracking);
}

:is(.competition-card, #dice-arcade-lobby .dice-instant-arcade-game-tile) .dice-card-action:is(:hover, :focus-visible) {
  color: var(--dice-ds-on-yellow);
  background: var(--dice-ds-yellow);
  border-color: var(--dice-ds-yellow);
}