.notification

  position: relative
  padding: 15px 0 20px 40px

  z-index: 900
  width: 100%
  line-height: 1.6

  color: #fff
  font-size: .9em
  background: darken($purpleDark,10)

  a
    display: block
    width: 100%
    height: 100%
    cursor: pointer
    color: #fff
    background: darken($purpleDark,10)

    +transition(background 300ms ease-out)

    &:hover
      background: darken($purpleDark,15)

  .read-more
    display: inline-block
    margin-left: 10px
    font-weight: 600

  .icon
    display: inline-block
    position: relative
    top: 6px
    left: 0
    margin-right: 20px

    +sprite(-580px, -60px, 27px,27px)