🔊 ฟังข่าว
⏸️ หยุดชั่วคราว
🔄 เริ่มใหม่
button {
position: relative; /* ใช้ relative สำหรับ PC เพื่อให้ปุ่มแสดงตามตำแหน่งเดิม */
display: inline-block;
margin: 5px;
padding: 10px 16px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
z-index: 9999; /* ทำให้ปุ่มแสดงอยู่เหนือเนื้อหาทั้งหมด */
}
button:hover {
background-color: #45a049;
}
/* ปรับตำแหน่งปุ่มสำหรับมือถือ */
@media screen and (max-width: 768px) {
button {
position: fixed; /* ทำให้ปุ่มอยู่คงที่ที่ด้านล่างบนมือถือ */
bottom: 10px; /* ตั้งค่าตำแหน่งปุ่มที่ด้านล่าง */
left: 50%; /* จัดตำแหน่งให้ปุ่มอยู่ตรงกลาง */
transform: translateX(-50%); /* จัดตำแหน่งกลางในแนวนอน */
font-size: 14px;
padding: 8px 12px;
}
}