.shuffle-btn {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);

  font-size: 1.1rem;
  cursor: pointer;

  transition: opacity 0.2s ease, transform 0.2s ease;
}

.shuffle-btn:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* active state */
.shuffle-btn.is-active {
  color: rgba(255, 255, 255, 1);
}