.play-button {
  color: white;
  border: none;
  padding: 14px 32px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;

  transition: all 0.25s ease;
  box-shadow: 0 6px 15px rgba(0,0,0,0.3);
}

/* Discord */
.play-button.dc {
  background: linear-gradient(135deg, #5865F2, #4752c4);
  box-shadow: 0 6px 15px rgba(88, 101, 242, 0.4);
}

/* YouTube */
.play-button.yt {
  background: linear-gradient(135deg, #FF0000, #cc0000);
  box-shadow: 0 6px 15px rgba(255, 0, 0, 0.4);
}

/* Hover (igual pros dois) */
.play-button:hover {
  transform: translateY(-3px) scale(1.03);
}

/* Clique */
.play-button:active {
  transform: translateY(1px) scale(0.98);
}