.whatsapp-chat {
  position: fixed;
  bottom: calc(25 / var(--font-default) * 1rem);
  right: 0;
  display: flex;
  align-items: center;
  z-index: 99999;
  padding: calc(10 / var(--font-default) * 1rem) calc(15 / var(--font-default) * 1rem) calc(10 / var(--font-default) * 1rem) calc(12 / var(--font-default) * 1rem);
  border-radius: calc(12 / var(--font-default) * 1rem) 0 0 calc(12 / var(--font-default) * 1rem);
  background-color: #FA6400;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease-in-out;
}

.whatsapp-chat.is-collapsed {
  transform: translateX(calc(100% - (50 / var(--font-default) * 1rem / 2) - 7px));
}

.whatsapp-chat.is-collapsed .whatsapp-chat__text,
.whatsapp-chat.is-collapsed .whatsapp-chat__close {
  display: none;
}

.whatsapp-chat.is-collapsed .whatsapp-chat__link {
  margin-right: 0;
}

.whatsapp-chat__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #ffffff;
  font-weight: 600;
  font-size: calc(18 / var(--font-default) * 1rem);
  margin-right: calc(20 / var(--font-default) * 1rem);
}

.whatsapp-chat__icon {
  width: calc(50 / var(--font-default) * 1rem);
  height: calc(50 / var(--font-default) * 1rem);
  margin-right: calc(12 / var(--font-default) * 1rem);
  display: inline-block;
  background-image: url(/simyo/img/icons/ico-whatsapp-chat.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.whatsapp-chat__text {
  white-space: nowrap;
  font-size: calc(23 / var(--font-default) * 1rem);
  font-weight: 400;
}

.whatsapp-chat__close {
    background-color: #ffffff;
    border-radius: 50%;
    height: calc(15 / var(--font-default) * 1rem);
    width: calc(15 / var(--font-default) * 1rem);
    position: absolute;
    top: calc(11 / var(--font-default) * 1rem);
    right: calc(6 / var(--font-default) * 1rem);
}

.whatsapp-chat__close:before,
.whatsapp-chat__close:after {
    height: 100%;
    left: auto;
    top: 0;
}

/* --bp-below-tablet-hor -> 1023px -> 63.9375em */
@media screen and (max-width: 63.9375em) {
    .whatsapp-chat__text {
        display: none;
    }

    .whatsapp-chat__link {
        margin-right: calc(5 / var(--font-default) * 1rem);;
    }

    .whatsapp-chat__icon {
        margin-right: calc(10 / var(--font-default) * 1rem);
    }

    .whatsapp-chat {
        padding: calc(3 / var(--font-default) * 1rem) calc(10 / var(--font-default) * 1rem) calc(0 / var(--font-default) * 1rem) calc(5 / var(--font-default) * 1rem);
    }
}