.#{$n}-window-open-button {
  display: none;
  position: fixed;
  z-index: 1;
  right: $spacer;
  bottom: $spacer;
  width: $avatarsize-large;
  height: $avatarsize-large;
  padding: 0;
  transform: scale(0);
  transform-origin: 100% 100%;
  transition: transform $transition;
  border: 1px solid $grey-c;
  border-radius: $borderradius;
  opacity: 0;
  background-color: $brand1;
  box-shadow: $boxshadow-soft;

  &.#{$n}-transition--visible {
    display: block;
  }

  &.#{$n}-transition--in {
    transform: scale(1);
    transition: transform $transition-delay;
    opacity: 1;
  }
}

.#{$n}-window-open-button .#{$n}-icon,
.#{$n}-window-open-button .#{$n}-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: $borderradius;
}