/* Custom Reaction Button Styles */
/* เพิ่มขนาด icon ในปุ่ม reaction */

.reaction-btn .reaction-btn-icon .fa-fw {
  font-size: 18px !important;
}

/* เพิ่มขนาด icon เฉพาะ action icons ทั้งหมด */
.post-actions .action-btn .action-icon {
  font-size: 16px !important;
}

/* ปรับขนาด icon emoji reaction */
.reaction-btn .reaction-btn-icon .far.fa-smile {
  font-size: 19px !important;
}

/* ปรับขนาดปุ่ม reaction บนมือถือ */
@media (max-width: 768px) {
  .reaction-btn .reaction-btn-icon .fa-fw {
    font-size: 20px !important;
  }
  
  .post-actions .action-btn .action-icon {
    font-size: 18px !important;
  }
}

/* เพิ่ม padding เพื่อให้ปุ่มดูใหญ่ขึ้น */
.post-actions .action-btn {
  padding: 8px 12px !important;
}

/* ปรับระยะห่างระหว่าง icon และ text */
.reaction-btn .reaction-btn-name {
  margin-left: 8px !important;
}