.alert-table {
  font-size: 0.875rem;
  line-height: 1.5;
}

.alert-row {
  border: 1px solid var(--border-gray);
  border-left: none;
  border-right: none;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 100px;
  grid-template-areas:
    "location actions"
    "dates actions";
  margin-top: -1px;
  padding: 1rem 0;
}
.alert-row .alert-location {
  grid-area: location;
}
.alert-row .alert-dates {
  grid-area: dates;
}
.alert-row .actions {
  grid-area: actions;
  text-align: right;
}
.alert-row .actions a {
  display: block;
  margin-right: 0.5em;
}
.alert-row .alert-dates {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 120px 1fr;
  grid-auto-rows: min-content;
}

@media only screen and (min-width: 600px) {
  .alert-row {
    grid-template-columns: 1fr 280px 120px;
    grid-template-areas: "location dates actions";
  }
}