.notification-card {
  grid-column: 1 / -1;
  border-color: #8979ff66;
  scroll-margin-top: 90px;
}
.notification-card .notification-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.notification-mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 15px;
  background: linear-gradient(140deg, #8979ff44, #3dddff22);
  color: #c5baff;
  font-size: 25px;
}
.notification-card h2 {
  margin: 0;
}
.notification-card p {
  line-height: 1.6;
}
.notification-card .notification-state {
  color: #e3deff;
  margin: 5px 0 0;
  font-size: 14px;
}
.notification-card .notification-schedule {
  padding: 14px 16px;
  border: 1px solid #8979ff33;
  border-radius: 12px;
  background: #8979ff0d;
}
.notification-card .notification-schedule b {
  display: block;
  margin-bottom: 4px;
}
.notification-card .notification-schedule span {
  color: #b5b5cf;
}
.notification-card .notification-help {
  color: #b5b5cf;
  font-size: 14px;
}
.notification-card .notification-feedback {
  color: #abebff;
  min-height: 1.5em;
  font-size: 14px;
}
.notification-card button:disabled {
  opacity: 0.55;
  cursor: default;
}
.notification-shortcut {
  white-space: nowrap;
}
@media (max-width: 600px) {
  .notification-card .toolbar button {
    width: 100%;
  }
  .notification-shortcut {
    font-size: 14px;
  }
}