div.playback {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
/*
  align-self: center;
  justify-content: center;
*/
}

div.playback > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

div.playback > div > div {
}

div.playback div.buttons {
  padding-right: 40px;
}
div.playback button {
  min-width: 40px;
  min-height: 40px;
}
div.playback button.playback-pause::after {
  content: "\25ae \25ae";
}
div.playback button.playback-play::after {
  content: "\0025b6";
}
div.playback button.playback-restart::after {
  content: "\0023ee";
}
div.playback button.playback-next::after {
  content: "\0023ed";
}