@import './bubbleme';

.bubble {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  padding: 30px 0 0;
  text-align: center;
  transition: all .3s cubic-bezier(0.175, 0.885, 0.595, 1.650);

  &.empty {
    opacity: 0;
    transform: translate(0, 80px);
    pointer-events: none;
  }

  .area {
    background-color: rgba(#41d100, 0.3);
    color: darken(#41d100, 20%);
    padding: 20px;
    margin-bottom: 30px;
  }

  .continue {
    @include bubble-me;
    display: inline-block;
    margin: 0 12px 18px;
    box-shadow: 0 10px 20px rgba(black, 0.1);
    cursor: pointer;
  }
}