/* Flex/block rendering removes font baseline space. No implicit bottom margin. */
.elementor .elementor-widget.elementor-widget-eliko-icon { --kit-widget-spacing: 0px; margin-block-end: 0; }
.ew-icon-wrap { display: flex; align-items: center; justify-content: flex-start; line-height: 0; margin: 0; padding: 0; }
.ew-icon-wrap > .ew-icon-box, .ew-icon-wrap > .ew-icon-box:is(:hover, :focus, :active) {
  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; flex-shrink: 0;
  width: var(--ew-icon-box-width, auto); height: var(--ew-icon-box-height, auto);
  color: #4B2E6F; background-color: transparent; border: 0 solid #E3DFEB; border-radius: 0;
  padding: 0; margin: 0; line-height: 0; text-decoration: none; box-shadow: none;
  transition: color var(--ew-icon-duration, 150ms), background-color var(--ew-icon-duration, 150ms), border-color var(--ew-icon-duration, 150ms);
}
.ew-icon-box .ew-icon-glyph { display: flex; align-items: center; justify-content: center; width: var(--ew-icon-size, 24px); height: var(--ew-icon-size, 24px); line-height: 0; flex: none; transform: rotate(var(--ew-icon-rotate, 0deg)); transition: transform var(--ew-icon-duration, 150ms); }
.ew-icon-box .ew-icon-glyph > :is(svg, i) { display: block; width: 100%; height: 100%; margin: 0; font-size: var(--ew-icon-size, 24px); line-height: 1; }
.ew-icon-box .ew-icon-glyph > svg { fill: currentColor; }
.ew-icon-box .ew-icon-glyph > svg[fill="none"] { fill: none; }
.ew-icon-box .ew-icon-glyph > svg.ew-tabler-outline { fill: none; stroke: currentColor; stroke-width: var(--ew-icon-stroke, 1.75); }
.ew-icon-box .ew-icon-glyph > svg.ew-tabler-filled { fill: currentColor; stroke: none; }
.ew-icon-box:is(:hover, :focus-visible) .ew-icon-glyph { transform: rotate(var(--ew-icon-rotate, 0deg)) scale(var(--ew-icon-hover-scale, 1)); }
.ew-icon-box:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.ew-icon-wrap > .ew-icon-box.ew-icon-box--text,
.ew-icon-wrap > .ew-icon-box.ew-icon-box--text:is(:hover, :focus, :active) { display: inline-grid; grid-template-areas: "text icon"; direction: ltr; align-items: center; justify-items: center; gap: 8px; }
.ew-icon-box--text > .ew-icon-glyph { grid-area: icon; }
.ew-icon-box--text > .ew-icon-text { grid-area: text; display: block; min-width: 0; margin: 0; padding: 0; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5; color: inherit; text-align: center; overflow-wrap: anywhere; transition: color var(--ew-icon-duration, 150ms); }
@media(prefers-reduced-motion:reduce) { .ew-icon-wrap > .ew-icon-box, .ew-icon-box .ew-icon-glyph { transition: none; } }

/* Independent surfaces: the icon keeps its own dimensions inside its frame.
   Identical shared rules also live in purchase.css, which can load on its own. */
.ew-icon-box .ew-icon-surface {
  display: inline-flex; align-items: center; justify-content: center; grid-area: icon;
  box-sizing: border-box; flex: none; line-height: 0; margin: 0; padding: 0;
  border: 0 solid #E3DFEB; border-radius: 0; background-color: transparent;
  transition: color var(--ew-icon-duration, 150ms), background-color var(--ew-icon-duration, 150ms), border-color var(--ew-icon-duration, 150ms), box-shadow var(--ew-icon-duration, 150ms);
}
.ew-icon-box .ew-icon-text {
  box-sizing: border-box; border: 0 solid #E3DFEB; border-radius: 0; background-color: transparent;
  transition: color var(--ew-icon-duration, 150ms), background-color var(--ew-icon-duration, 150ms), border-color var(--ew-icon-duration, 150ms), box-shadow var(--ew-icon-duration, 150ms);
}
@media(prefers-reduced-motion:reduce) { .ew-icon-box .ew-icon-surface, .ew-icon-box .ew-icon-text { transition: none; } }