@keyframes move-up {
  from {
    top: 100vh;
  }
  to {
    top: 0;
  }
}

.widget-window-container {
  background-color: #F2F2F2;
  box-shadow: 0px 0px 31px -11px rgba(0, 0, 0, 0.75);
  overflow: hidden;
  position: fixed;
  top: 100vh;
  animation: move-up .4s ease-out;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  @include breakpoint(medium) {
    position: relative;
    width: 370px;
    border-radius: 3px;
    max-height: 70vh;
  }

  .header {
    position: relative;
    height: 42px;
    margin: 20px 20px 10px;
  
    img {
      height: 100%;
    }
  
    .close-icon {
      position: absolute;
      top: -10px;
      right: 0;
      padding: 20px;
  
      @include breakpoint(medium) {
        display: none;
      }
      
      svg {
        height: 14px;
        width: 14px;
      }
    }
  
  }
  
  .content {
    height: calc(100% - 80px);
  }
}