.mb-marquee-frame{
  position:relative;
  box-sizing:border-box;
  padding: var(--mb-border-width, 28px);
 background: var(--mb-bg, var(--mb-bg-default, transparent));
  border-radius: var(--mb-radius, 44px);

  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-self: flex-start;
}

.mb-marquee-frame > .mb-marquee-inner{
  position:relative;
  z-index:1;
  border-radius: calc(var(--mb-radius, 44px) - var(--mb-border-width, 28px));
  overflow:hidden;
  width:auto;
}

.mb-marquee-frame > .mb-marquee-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  color: var(--mb-text-color, #fff);
}

.mb-marquee-frame .mb-marquee-svg{ width:100%; height:100%; display:block; }

.mb-marquee-frame .mb-marquee-text{
  font-size: var(--mb-font-size, 18px);
  font-family: var(--mb-font-family, inherit), "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  dominant-baseline: middle;
}

.mb-marquee-frame .mb-marquee-icons image{ pointer-events:none; }

.mb-marquee-frame > .mb-marquee-toggle{
  pointer-events:auto;
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:3;
  width:36px;
  height:36px;
  border-radius:999px;
  border:0;
  background: rgba(255,255,255,0.18);
  color: var(--mb-text-color,#fff);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.mb-marquee-frame > .mb-marquee-toggle:focus{
  outline:2px solid rgba(255,255,255,0.65);
  outline-offset:2px;
}

/* Elementor "width-auto" macht max-width: auto => ungültig */
.elementor-widget__width-auto.mb-marquee-frame{
  --container-widget-width: fit-content !important;
  max-width: 100% !important;
  width: fit-content !important;
}