.timetable-button {
  display: flex;
  margin: 0.5em;
  padding: var(--btn-padding-vertical) var(--btn-padding-horizontal);
  background: var(--color-btn-bg);
  color: #fff;
  border: none;
  border-radius: var(--radius-list-item);
  cursor: pointer;
  text-decoration: none;
  font-family: var(--font-stack);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px;
  font-size: 1rem;
}
.timetable-button:hover {
  background: var(--color-btn-hover);
}
#cancelTimes,
.cancel-venue-name,
#clearAll {
  background: #aaa;
}
#cancelTimes:hover,
.cancel-venue-name:hover,
#clearAll:hover {
  background: #777;
}
.adjust-sessions-buttons {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.adjust-sessions-buttons > button {
  flex: 1;
  box-sizing: border-box;
}
#timetable-buttons {
  display: flex;
  gap: 0.5em;
  align-items: center;
  flex-wrap: wrap;
}
#saveTimetable {
  flex: 1;
}
#unsaved-count {
  width: 100%;
  padding: 0.5rem;
  font-size: 1rem;
}