@media only screen and (min-width: 667px) {
  .woot-widget-holder.woot-elements--right {
    right: 20px;
    bottom: 150px !important;
  }
}

#wc-panel {
  display: none;
}

#open-chat-btn {
  position: fixed;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  right: max(16px, env(safe-area-inset-right, 16px));
  z-index: 1201;
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background-color: rgb(38, 55, 114);
  border: 2px solid rgba(198, 197, 135, 0.42);
  box-shadow: rgba(38, 55, 114, 0.3) 0px 4px 20px;
  color: rgb(198, 197, 135);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s, background-color 0.2s, color 0.2s;
  outline: none;
  transform: scale(1);
}

#open-chat-btn:hover {
  transform: scale(1.06)!important;
}

#open-chat-btn.close {
  position: fixed;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  right: max(16px, env(safe-area-inset-right, 16px));
  z-index: 1201;
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background-color: rgb(211, 203, 131);
  border: 2px solid rgba(38, 55, 114, 0.18);
  box-shadow: rgba(38, 55, 114, 0.3) 0px 4px 20px;
  color: rgb(37, 42, 58);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s, background-color 0.2s, color 0.2s;
  outline: none;
  transform: scale(1);
}