@font-face {
  font-family: "Font Awesome 5 Free";
  src: url("./fa-solid-900.woff2") format("woff2");
  font-weight: 900;
  font-display: block;
}

.btn.play::before {
  content: "\f04b"; /* play */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.play.pause::before {
  content: "\f04c"; /* pause */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.back::before {
  content: "\f053"; /* chevron-left */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.playlist::before {
  content: "\f0c9"; /* bars */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.prev::before {
  content: "\f048"; /* step-backward */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.next::before {
  content: "\f051"; /* step-forward */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.volume::before {
  content: "\f028"; /* volume-up */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.volume.muted::before {
  content: "\f026"; /* volume-off */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.heart::before {
  content: "\f004"; /* heart */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.btn.dots::before {
  content: "\f141"; /* ellipsis-h */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}