.lwubf-wrap {
  width: 100%;
  border-top: 1px solid var(--lwubf-border, rgba(15, 23, 42, 0.08));
  background: var(--lwubf-bg, rgba(255,255,255,0.72));
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  margin-top: 28px;
}

.lwubf-inner {
  max-width: var(--lwubf-max, 1180px);
  margin: 0 auto;
  padding: var(--lwubf-pad-y, 18px) 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.lwubf-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  line-height: 1.55;
  letter-spacing: 0.01em;
}

.lwubf-intro,
.lwubf-item,
.lwubf-item-static {
  font-size: var(--lwubf-font, 14px);
}

.lwubf-intro {
  color: var(--lwubf-muted, #8a909c);
}

.lwubf-item,
.lwubf-item-static {
  color: var(--lwubf-text, #5f6470);
  text-decoration: none;
  transition: opacity .18s ease, transform .18s ease;
}

.lwubf-item:hover,
.lwubf-item:focus-visible {
  opacity: .88;
  transform: translateY(-1px);
  outline: none;
}

.lwubf-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.lwubf-label {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px;
}

.lwubf-prefix {
  color: var(--lwubf-muted, #8a909c);
}

.lwubf-brand-name {
  font-weight: 500;
}

.lwubf-logo {
  max-height: 20px;
  max-width: 120px;
  width: auto;
  display: inline-block;
  object-fit: contain;
}

.lwubf-dot {
  color: var(--lwubf-muted, #8a909c);
  opacity: .75;
}

@media (max-width: 767px) {
  .lwubf-inner {
    padding-inline: 14px;
  }

  .lwubf-content {
    gap: 8px;
  }

  .lwubf-dot {
    display: none;
  }

  .lwubf-item,
  .lwubf-item-static {
    width: 100%;
  }

  .lwubf-brand {
    justify-content: center;
  }
}