.subtitle-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .5rem;
  justify-content: flex-end;
}

.subtitle-button {
  appearance: none;
  border: 1px solid #ddd;
  background: #f8f8f8;
  padding: .3rem .5rem;
  letter-spacing: 0px;
  font: inherit;
  text-transform: none;
  font-size: 11px;
  border-radius: .3rem;
  cursor: pointer;
  line-height: 1.2;
}

.subtitle-button:hover {
  background: #eee;
}

.subtitle-button.is-active {
  border-color: #222;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(0,0,0,.06) inset;
}

.subtitle-button.is-active:hover {
  /*color: #ff00ff;*/
  background: #eee;
}

/*
.subtitle-button.is-none::after {
  content: " ✕";
  opacity: .6;
  font-size: .95em;
}
*/