.signup {
  bottom: 0;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 100;
}

.signup div {
  display: flex;
  justify-content: center;
  padding: var(--space-medium) var(--space-large);
  transform: translateY(100%);
  transition: transform var(--transition-slow);
}

.signup div a {
  box-shadow:
    0 0.1em 1.2em rgba(var(--rgb-white), 0.1),
    0 0.2em 1.6em rgba(var(--rgb-white), 0.1),
    0 0.3em 2.0em rgba(var(--rgb-white), 0.1)
  ;
  overflow: hidden;
  pointer-events: auto;
}

.signup--peekaboo div {
  transform: translateY(0);
}

@media(min-width: 64em) {

  .signup div {
    justify-content: flex-end;
  }

}