$close-button-padding: 8px;

/* flat, single-class slot selectors: both nodes are rendered inside the
   Popover's portal, so they are not descendants of the root */
.floating-helper {
  &__close-button {
    position: absolute;
    top: $close-button-padding;

    /* default dir=ltr */
    right: $close-button-padding;
    left: initial;
  }

  :global([dir='rtl']) &__close-button {
    right: initial;
    left: $close-button-padding;
  }

  &__inner-content {
    position: relative;
    padding: var(--wds-floating-helper-padding-vertical, var(--wds-space-500, 30px))
      var(--wds-floating-helper-padding-horizontal, var(--wds-space-600, 36px));
  }
}