.info-bar {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	padding: 18px 18px;
background:white;
 	/* background: linear-gradient(45deg, #f9f9f9, #ececec);*/
 	/* Gradient background */
 	/*border-radius: 8px; */
 		/*font-size: 12px; */
 	/* Smaller font size */
 	color: #666;
 	/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
	position: sticky;
  bottom: -2px;
 }
 .info-bar .read {
 	font-weight: 500;
 }
 
 .read,.like-btn,
 .share-btn {
 	display: flex;
 	align-items: center;
 	gap: 6px;
color: gray;
 	/* Reduced gap between text and icons */
 }
 
 .like-btn .mui-icon-extra {
 	font-size: 16px;
 	/* Adjusted icon size */
 	margin-right: 4px;
 	/* Reduced margin between icon and text */
 	color: #666;
 	/* Lighter gray for the outline icon */
 }

 .share-btn .mui-icon-extra {
 	font-size:20px;
 	/* Adjusted icon size */
 	margin-right: 4px;
 	/* Reduced margin between icon and text */
 	color: #666;
 	/* Lighter gray for the outline icon */
 }

 .like-btn.liked .mui-icon-extra-like {
 	color: #e74c3c;
 }

 .custom-hr {
 	border: none;
 	/* 取消默认边框 */
 	height: 1px;
 	/* 分隔线高度 */
 	background-color: #ccc;
 	/* 分隔线颜色，例如浅灰色 */
 	margin: 10px 0;
 	/* 上下间距 */
 }  
 .action-buttons {
        font-family: "SourceHanSerifCN-SemiBold-7";
 	display: flex;
 	align-items: center;
 	gap: 12px;
 	/* Space between like and share buttons */
 	margin-left: auto;
 	/* Push the buttons to the right */
 }



 .like-btn .btn-action,
 .share-btn .btn-action {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: 14px;
 	/* Slightly smaller icon size */
 	color: #666;
 	/* Lighter gray */
 	cursor: pointer;
 	transition: transform 0.3s ease, color 0.3s ease;
 }



 
  .share-btn span{
  color: #6D7174;
  }
 .btn-action:hover {
 	color: #888;
 	/* Slightly darker gray on hover */
 	transform: scale(1.05);
 } 


.action-buttons2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 8px;
    background-color: white; 
    border-radius: 4px;
}
.read, .like-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 12px;
    background-color: #F6F6F8;
    border: 1px solid #F6F6F8;
    border-radius: 6px;
	 
}
.like-btn {
    margin-left: 10px;
}