@use '@cloud-ru/ds-figma-variables/build/scss/styles/styles.module' as base;

.desktopActionsWrapper {
  display: flex;
  flex-direction: row-reverse;
  flex-shrink: 0;
  gap: base.$sn-primitive-dimension-8;
  align-items: center;

  box-sizing: border-box;
  height: 100%;
}

.mobileActionsWrapper {
  display: flex;
  // row-reverse: kebab (первый в DOM) встаёт справа, видимые действия — слева (Figma 3334:63034).
  flex-direction: row-reverse;
  flex-shrink: 0;
  gap: base.$sn-primitive-dimension-8;
  align-items: center;

  box-sizing: border-box;
  width: 100%;
}

.button {
  white-space: nowrap;

  &[data-full-width]:not([data-variant='icon-only']) {
    flex: 1 1 0;
  }

  &[data-variant='icon-only'] {
    flex: 0 0 auto;
  }
}