$height: 400px;

#embedded_messenger {

  position: fixed;
  z-index: 1000;

  bottom: -$height;
  right: 2rem;

  height: $height + 34;
  transition: 0.5s ease-in-out bottom;

  &.active {
    bottom: 0;
  }

  iframe {
    height: $height;
    width: 100%;
    border: 0;
  }

  #message_header {
    background: #000;
    padding: 0.5rem 1rem;
    color: #FFF;
  }

}