.btn-videochat,
.btn-eventschat {
  position: fixed;
  z-index: 99;
  bottom: 16px;
  display: none;
  width: 64px;
  height: 64px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 64px;
  background-color: #006cb4;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.btn-videochat {
  left: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48ZyBpZD0iTGF5ZXJfMiI+PGc+PHBhdGggZD0ibTI5LjQ2IDE0LjcydjUuMzdjMCAyLjk2LTIuMzcgNS4zNy01LjMxIDUuNDZ2NC40NWwtNC40NS00LjQ1aC01LjUzYy0xLjg2IDAtMy41LS45My00LjQ4LTIuMzVsMi45LTIuOWg0LjY5YzQuMTIgMCA3LjQ3LTMuMzUgNy40Ny03LjQ2di0zLjUzYzIuNjYuMzYgNC43MSAyLjY1IDQuNzEgNS40MXoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PGc+PHBhdGggZD0ibTE3LjI4IDJoLTkuODFjLTMuMDIgMC01LjQ3IDIuNDUtNS40NyA1LjQ3djUuMzdjMCAyLjk2IDIuMzYgNS4zNyA1LjMxIDUuNDZ2NC40NWw0LjQ1LTQuNDVoNS41MmMzLjAyIDAgNS40Ny0yLjQ0IDUuNDctNS40NnYtNS4zN2MwLTMuMDItMi40NS01LjQ3LTUuNDctNS40N3ptMS43OCAxMC4yMy0yLjk1LS43MnYuMjVjMCAuODItLjY3IDEuNS0xLjUgMS41aC03LjQyYy0uODMgMC0xLjUtLjY4LTEuNS0xLjV2LTMuOTNjMC0uODMuNjctMS41IDEuNS0xLjVoNy40MmMuODMgMCAxLjUuNjcgMS41IDEuNXYuMjRsMi45NS0uNzJ6IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjxnPjxjaXJjbGUgY3g9IjguMDk4IiBjeT0iOC43OTgiIHI9Ii45OTQiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvY2lyY2xlPjwvZz48L2c+PC9nPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px;
}

.btn-eventschat {
  right: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTUsMTZDMTE0LjM5LDE2LDAsMTE2LjkyOCwwLDI0MWMwLDUyLjQxMiwyMC43NDIsMTAzLjE5OCw1OC40OTEsMTQzLjQ1MmM3LjQ3MSwzMC44MDYtMS41OTcsNjMuNDQyLTI0LjA5Nyw4NS45NDIKCQkJQzI0Ljk4Niw0NzkuODAzLDMxLjYzOSw0OTYsNDUsNDk2YzQyLjc0NCwwLDgzLjk1LTE2Ljc0MywxMTQuNTY1LTQ2LjI3NEMxODkuODU4LDQ2MC41MzYsMjIxLjkwOSw0NjYsMjU1LDQ2NgoJCQljMTQwLjYxLDAsMjU3LTEwMC45MjgsMjU3LTIyNVMzOTUuNjEsMTYsMjU1LDE2eiBNMTM3LDI4NmMtMjQuODE0LDAtNDUtMjAuMTg2LTQ1LTQ1YzAtMjQuODE0LDIwLjE4Ni00NSw0NS00NQoJCQljMjQuODE0LDAsNDUsMjAuMTg2LDQ1LDQ1QzE4MiwyNjUuODE0LDE2MS44MTQsMjg2LDEzNywyODZ6IE0yNTcsMjg2Yy0yNC44MTQsMC00NS0yMC4xODYtNDUtNDVjMC0yNC44MTQsMjAuMTg2LTQ1LDQ1LTQ1CgkJCWMyNC44MTQsMCw0NSwyMC4xODYsNDUsNDVDMzAyLDI2NS44MTQsMjgxLjgxNCwyODYsMjU3LDI4NnogTTM3NywyODZjLTI0LjgxNCwwLTQ1LTIwLjE4Ni00NS00NWMwLTI0LjgxNCwyMC4xODYtNDUsNDUtNDUKCQkJYzI0LjgxNCwwLDQ1LDIwLjE4Niw0NSw0NUM0MjIsMjY1LjgxNCw0MDEuODE0LDI4NiwzNzcsMjg2eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
}

.btn-videochat:hover,
.btn-eventschat:hover {
  background-color: #0080d8;
}

@media (max-width: 1700px) {
  .viewport .video-widget-wrapper,
  .viewport .ewm-widget-wrapper {
    position: fixed !important;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    z-index: 999;
  }

  .viewport .video-widget-wrapper {
    left: -400px;
    transition: left 0.3s ease;
  }

  .viewport .ewm-widget-wrapper {
    right: -400px;
    transition: right 0.3s ease;
  }

  .videochat-activated .viewport .video-widget-wrapper {
    left: 0;
  }

  .eventschat-activated .viewport .ewm-widget-wrapper {
    right: 0;
  }

  .btn-videochat,
  .btn-eventschat {
    display: block;
  }

  .videochat-activated .btn-videochat {
    left: 376px;
  }

  .eventschat-activated .btn-eventschat {
    right: 376px;
  }
}