/* Adapted for existing pre-styled buttons: only the shine-canvas overlay
   plumbing is added here (no background/padding/radius presets), so each
   button keeps its own look and the effect just layers on top. */
.sb-fx-host {
  position: relative;
  isolation: isolate;
}

.sb-fx-host > .specular-button__fx {
  position: absolute;
  inset: -20px;
  pointer-events: none;
  z-index: 0;
}

.sb-fx-host > .specular-button__fx canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.sb-fx-host > .specular-button__label {
  position: relative;
  /* Higher than typical decorative ::before/::after overlays (usually
     z-index 1-2) a host element may already have, so wrapping its content
     here can't accidentally end up painted underneath its own pseudo-
     elements (e.g. a darkening ::after gradient). */
  z-index: 3;
}