.notifiable {
  display: flex;
  align-items: center;
  position: relative;
  margin: auto;
  padding: 0.75em 0;
  border-bottom: 1px solid var(--color-border);

  @media (max-width: 39.95em) {
    padding-right: var(--page-padding);
    margin-right: var(--negative-page-padding);
  }

  &:last-child { border-bottom: 0; }
}

.notifiable--borderless {
  border: 0;
}

.notifiable__content {
  flex-grow: 1;
  margin-right: 1em;
}