.alerts-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.alerts--show.alerts--web,
.alerts--edit.alerts--web {
  .header {
    display: none;
  }

  & .sub-header {
    padding: 1rem;
  }

  & main {
    max-width: 700px;
  }  
}

.alerts--new.alerts--web-mobile {
  .header {
    display: none;
  }
}

.alerts--new.body--desktop,
.alerts--new.body--mobile {
  & .header {
    display: none;
  }

  & .sub-header {
    padding: 1rem;
  }

  & main {
    max-width: 700px;
  }
}