@import url('http://fonts.googleapis.com/css?family=Roboto')
.toast-message-container
  position: absolute
  width: 100%
  z-index: 1

  .toast
    padding: 14px
    font-weight: 600
    height: 42px
    display: flex
    justify-content: space-between
    background: #13CB6E
    color: #FFFFFF
    font-size: 14px
    line-height: 14px

    .toast-actions
      position: relative
      .toast-undo
        color: white
        font-family: var(--main-font-family), 'Roboto', Helvetica, sans-serif
        background: rgba(31, 164, 92, .5)
        border: 0
        width: 50px
        height: 25px
        position: absolute
        right: 35px
        top: -6px
        border-radius: 5px
        font-weight: 600
        cursor: pointer

        &:hover
          background: rgb(31, 164, 92)

  .close
    cursor: pointer
    font-size: 18px