.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* สัดส่วน 16:9 (9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* สไตล์พื้นฐานของปุ่ม */
.press-btn {
  padding: 12px 24px;
  font-size: 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
  
  /* เพิ่ม Shadow เพื่อสร้างมิติ */
  box-shadow: 0 4px 0 #0056b3;
  
  /* ใส่ Transition เพื่อให้ปุ่มขยับเนียนขึ้น */
  transition: all 0.1s ease;
}

/* เอฟเฟกต์เมื่อคลิกปุ่มค้างไว้ (Pressed State) */
.press-btn:active {
  /* เลื่อนปุ่มลงมาด้านล่างตามความสูงของ Shadow */
  transform: translateY(4px);
  
  /* ลด Shadow เพื่อให้เหมือนปุ่มจมลงไป */
  box-shadow: 0 0 0 #0056b3;
}