/* c:\AI\static\css\pages\template_seo.css */
/* 1. Bọc toàn bộ trang, nới rộng 1200px và căn giữa */
.layout-1200 {
    max-width: 800px!important;
}

.seo-header {
    margin-bottom: 50px;
}

.seo-header a.btn-j-accent, 
.seo-header a.btn-j-accent:hover, 
.seo-header a.btn-j-accent:active, 
.seo-header a.btn-j-accent:focus {
    text-decoration: none !important;
    border-bottom: none !important; /* Đôi khi một số CSS cũ dùng border để giả làm gạch chân */
    outline: none !important;
    color: var(--J-text);
}

/* Biến thẻ a thành nút bấm "xịn" */
.btn-j-accent {
    display: inline-block; /* Giữ nguyên cái này để ăn padding */
    background-color: var(--J-accent, #f59e0b);
    color: var(--J-text);
    
    /* padding gốc: 12px 28px -> ĐỔI THÀNH DÒNG THẦN THÁNH NÀY CHO MỎNG: */
    padding: 4px 12px; /* 4px trên dưới, 12px trái phải là vừa đẹp */
    
    font-size: 15px; /* Giảm font xíu cho thanh thoát */
    font-weight: 500; /* Bớt đậm tí cho sang */
    text-decoration: none!important;
    border-radius: 4px; /* Bo góc ít lại tí */
    cursor: pointer;
    
    /* Bỏ cái bóng đổ cho nó phẳng lì, tối giản */
    box-shadow: none; 
}

/* Hiệu ứng khi khách rê chuột vào */
.btn-j-accent:hover {
    opacity: 0.9;
    transform: translateY(-1px); /* Nhấc nhẹ nút lên */
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    color: #ffffff; /* Giữ màu chữ trắng */
}