.notification.list-item {
  .list-item__extra {
    .content--extra-small;
    align-self: flex-start;
    align-items: flex-end;
    color: @color--gray;
  }

  .notification__options {
    .content--small;
    [class^="icon-"]:before, [class*=" icon-"]:before {
      font-size: 1rem;
      margin: 0 0 0 6px;
    }
  }
}

.notification.m--has-previous.list-item {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.notification.m--has-next.list-item {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}