/*
* player
*/
.player-wrap {
  display: flex;
  display: flex;
  height: 80px;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
}

.play-button, 
.pause-button,
.stop-button {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  background-color: #ca77a2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
  margin-left: 5px;
}

.play-button i {
  font-size: 5rem;
}

.pause-button i,
.stop-button i { 
  font-size: 3rem; 
}

.pause-button.hidden,
.play-button.hidden {
  display: none !important;
}