@layer components {
  .rs-actionable {
    appearance: none;
    position: relative;
    display: inline-block;
    margin: 0;
    border: 0;
    padding: 0;
    background: none;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: initial;
    text-decoration: none;
    vertical-align: top;
    -webkit-tap-highlight-color: transparent;
    isolation: isolate;
  }

  .rs-actionable:is(button, [role="button"]) {
    cursor: pointer;
    user-select: none;
  }

  .rs-actionable:focus-visible {
    outline: 0;
    z-index: var(--rs-z-index-relative);
    box-shadow: var(--rs-shadow-focus);
  }

  .rs-actionable[data-inset]:focus-visible {
    box-shadow: var(--rs-shadow-focus-inset);
  }

  .rs-actionable[aria-disabled="true"],
  .rs-actionable:disabled {
    cursor: not-allowed;
  }

  .rs-actionable[data-full-width] {
    inline-size: 100%;
  }

  .rs-actionable__hitbox {
    position: absolute;
    inset: 50%;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: var(--rs-unit-x6);
    min-block-size: var(--rs-unit-x6);
    transform: translate(-50%, -50%);
  }
}