.update-time-badge {
    display: inline-block;      /* เป็นกล่องตามเนื้อหา */
    background-color: #3b5998;  /* สีน้ำเงินเข้มตามรูป */
    color: #ffffff;             /* ตัวอักษรสีขาว */
    font-size: 10px !important; /* ขนาดเล็กตามตัวอย่าง */
    padding: 2px 8px;           /* ระยะห่างภายในกล่อง */
    border-radius: 2px;         /* ขอบเหลี่ยมแต่โค้งนิดเดียว */
    text-align: center;
    margin-top: 5px;
    font-weight: normal;
}
/* แต่งกรอบ Badge เวลา */
.update-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1.5px solid #ff2d55;
    background-color: rgba(255, 45, 85, 0.05);
    border-radius: 8px;
    padding: 6px 10px;
    color: #ff2d55;
    font-family: 'Mali', cursive;
    font-size: 12px; /* ปรับเล็กลงหน่อยเพื่อความกระชับ */
    font-weight: 600;
    width: 100%;
    box-sizing: border-box; /* สำคัญ: ป้องกันกรอบทะลัก */
    height: 35px; /* กำหนดความสูงกรอบให้เท่ากันทุกอัน */
    white-space: nowrap;      /* บังคับไม่ให้ข้อความขึ้นบรรทัดใหม่เด็ดขาด */
    overflow: hidden;         /* ซ่อนข้อความส่วนที่ทะลุกรอบออกไป */
    text-overflow: ellipsis;  /* เปลี่ยนข้อความส่วนที่ถูกซ่อนให้เป็นจุด ... */
    
    max-width: 100%;          /* บังคับให้กว้างสุดแค่พอดีกล่อง ไม่ล้นไปกวนส่วนอื่น */
}

.update-badge i {
    font-size: 14px;
}

/* เอฟเฟกต์เวลาเอาเมาส์ไปชี้ (แถมให้) */
.block2:hover .update-badge {
    background-color: #ff2d55;
    color: #ffffff;
}