.live-engage-floating {
  text-decoration: none;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 100;
  margin-right: 8px;
  margin-bottom: 20px;
}

@media (min-width: 1023.5px) {

  .live-engage-floating {
    margin-right: 8px;
    margin-bottom: 32px;
  }
}

.live-engage-floating .live-engage-button-floating {
  display: flex;
  align-items: center;
  padding: var(--spacing-16);
  background-color: var(--opacity-1);
  border-radius: 60px;
  color: var(--other-1);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
}

@media (min-width: 1023.5px) {

  .live-engage-floating .live-engage-button-floating {
    padding: var(--spacing-16) var(--spacing-24);
  }
}

.live-engage-floating .live-engage-button-floating:before {
  content: "";
  width: 32px;
  height: 32px;
  -webkit-mask: url(../../static/images/icons/icon-live-chat.svg) no-repeat center;
  -webkit-mask-size: 32px;
  background-color: var(--secondary-3);
}

@media (min-width: 1023.5px) {

  .live-engage-floating .live-engage-button-floating:before {
    margin-right: 10px;
  }
}

.live-engage-floating .live-engage-button-floating span {
  display: none;
}

@media (min-width: 1023.5px) {

  .live-engage-floating .live-engage-button-floating span {
    display: flex;
  }
}