/**
 * Alex Button Widget Styles (LESS)
 *
 * Handles the absolutely-positioned SVG background icon layer.
 * All other button styling is handled by Elementor core + panel controls.
 */
.elementor-widget-alex_button .elementor-button {
  position: relative;
  overflow: hidden;
}
.elementor-widget-alex_button .elementor-button .elementor-button-content-wrapper {
  position: relative;
  z-index: 1;
}
.elementor-widget-alex_button .elementor-button .alex-bg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(var(--alex-t-rotate, 0deg)) scale(var(--alex-t-scale, 1)) skewX(var(--alex-t-skew-x, 0deg)) skewY(var(--alex-t-skew-y, 0deg));
  pointer-events: none;
  user-select: none;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.elementor-widget-alex_button .elementor-button .alex-bg-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.elementor-widget-alex_button .elementor-button .alex-bg-icon i {
  display: block;
  line-height: 1;
  color: inherit;
}