.job-posts-placeholder {
  width: 100%;
  height: 50px; /* Chiều cao của mỗi dòng */
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 5px;
  margin-bottom: 20px;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.delete-job-btn {
  display: inline-block;
  margin-left: 10px; /* Khoảng cách giữa nút và tiêu đề */
  padding: 5px 10px; /* Khoảng cách bên trong nút */
  font-size: 14px; /* Kích thước chữ */
  font-weight: bold; /* Chữ đậm */
  color: #fff; /* Màu chữ */
  background-color: #d9534f; /* Màu nền đỏ */
  border: none; /* Loại bỏ viền */
  border-radius: 4px; /* Bo góc */
  cursor: pointer; /* Con trỏ dạng nút bấm */
  transition: background-color 0.3s ease; /* Hiệu ứng chuyển đổi màu nền */
}

.delete-job-btn:hover {
  background-color: #c9302c; /* Màu nền khi hover */
}

.delete-job-btn:active {
  background-color: #ac2925; /* Màu nền khi click */
}

#job-posts-list a {
  font-size: 14px; /* Kích thước chữ */
  color: #333; /* Màu sắc */
  text-decoration: none; /* Loại bỏ gạch chân */
}

#job-posts-list a:hover {
  color: #0073aa; /* Màu sắc khi hover */
  text-decoration: underline; /* Gạch chân khi hover */
}

h3.job-company-name {
  font-size: 14px;
  font-weight: bold;
}