/* --- [ใหม่] ซ่อนปุ่มฟังอัลกุรอ่านบนจอใหญ่ --- */ .quran-listen-btn { display: none; } @media (max-width: 992px) { /* --- [ใหม่] สไตล์ปุ่มฟังอัลกุรอ่าน (สำหรับมือถือ) --- */ .quran-listen-btn { display: flex; /* ใช้ flex เพื่อจัดไอคอนกับข้อความ */ align-items: center; gap: 0.5rem; background-color: var(--primary-color); color: var(--primary-text-color); padding: 0.8rem 1.2rem; border-radius: 50px; /* ทำให้ขอบมน */ text-decoration: none; font-size: 1rem; font-weight: 500; transition: background-color 0.3s, transform 0.2s; margin-top: 1.5rem; /* เพิ่มระยะห่างจากตารางเวลา */ justify-content: center; width: fit-content; /* ทำให้ความกว้างพอดีกับเนื้อหา */ align-self: center; /* จัดให้อยู่กึ่งกลาง */ } .quran-listen-btn:active { transform: scale(0.95); } /* [ปรับปรุง] ซ่อน countdown บนมือถือ และแสดงบนจอใหญ่ */ #countdown-container-desktop { display: none; } /* [แก้ไข] ซ่อนบนมือถือ */ #countdown-container-mobile { display: none; } /* [แก้ไข] ซ่อนบนมือถือ */ /* [ใหม่] สไตล์สำหรับ countdown ที่ย้ายมา */ #countdown-container-desktop, #countdown-container-mobile { /* ใช้สไตล์ร่วมกันกับ #countdown-container ที่กำหนดไว้ด้านบน */ /* ไม่ต้องกำหนดสไตล์ซ้ำซ้อนที่นี่ */ } }