.mws-talk-floating {
  position: fixed;
  right: var(--spacing-2xl);
  bottom: var(--spacing-2xl);
  z-index: 1000;
  display: inline-flex;
  width: max-content;
  max-width: calc(100vw - (var(--spacing-base) * 2));
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  border: 0;
  color: var(--neutral-tx2-title);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  background: transparent;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 7%));
  cursor: pointer;
}

.mws-talk-floating__label {
  display: inline-flex;
  min-width: 0;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 10px var(--spacing-xl);
  border-radius: var(--radius-full);
  background: var(--semantic-white);
  white-space: nowrap;
}

.mws-talk-floating__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-left: -10px;
  align-items: center;
  justify-content: center;
}

.mws-talk-floating__icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.mws-talk-floating:focus-visible {
  outline: var(--stroke-2) solid var(--brand-primary-dark);
  outline-offset: var(--spacing-2xs);
  border-radius: var(--radius-full);
}

@media (max-width: 767px) {
  .mws-talk-floating {
    right: var(--spacing-base);
    bottom: var(--spacing-base);
  }
}