.buttons {
  display: flex;

  height: 100%;

  /* Each toolbar item (the upload <label> + the action <button>s) takes an
     equal, full-height slice of the row. Icon centering lives on .button (and
     the label's inner .button), so this only handles sizing. */
  > * {
    flex: 1;
    height: 100%;
  }
}

.button {
  padding: 0;
  font-size: 1.5rem;

  appearance: none;
  background: none;
  border: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;

  /* Image upload button */
  label > & {
    width: 100%;
    height: 100%;
  }
}
