.video-container {
  position: relative; /* parent must be relative */
  width: 100%;
  max-width: 600px; /* optional */
  margin: auto;
}

.play-btn {
  position: absolute;
  top: 60%;
  left: 300px;
  transform: translate(-50%, -50%);
  color: #ffc107;
  text-decoration: none;
  z-index: 10;
  opacity: 0.9;
  transition: transform 0.3s ease, color 0.3s ease;
}

.play-btn:hover {
  color: #fff;
  transform: translate(-50%, -50%) scale(1.2);
  opacity: 1;
}

.play-btn i {
  animation: pulse 2s infinite;
  display: block;
}

@keyframes pulse {
  0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
  50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
}