.xemthem-box{
  display:flex; align-items:center; gap:16px;
  background:#fdeaea;
  border-radius:18px; padding:16px 20px; margin-bottom: 20px;
}
.xemthem-img img{
  width:94px; height:94px; object-fit:cover; border-radius:50%;
  display:block;
}
.xemthem-text{ line-height:1.4; }
.xemthem-label{
  display:block; font-weight:600; color:#C92222; margin-bottom:4px;
}
.xemthem-link{
  font-weight:700; text-decoration:none;
}
.xemthem-link:hover{ text-decoration:underline; }
@media (max-width:600px){
  .xemthem-box{ padding:14px; gap:12px; }
  .xemthem-img img{ width:56px; height:56px; }
}
/* Button */
.xbtn-wrap{margin:12px 0}
.xbtn-align-left{text-align:left}
.xbtn-align-center{text-align:center}
.xbtn-align-right{text-align:center}

.xbtn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px; border-radius:999px; font-weight:700;
  text-decoration:none; line-height:1; border:2px solid transparent;
  transition:transform .04s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.xbtn:hover{transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.08)}

.xbtn-primary{background:#ff2d87; color:#fff; border-color:#ff2d87}
.xbtn-primary:hover{background:#e62677; border-color:#e62677}

.xbtn-outline{background:transparent; color:#ff2d87; border-color:#ff2d87}
.xbtn-outline:hover{background:#ff2d8720}

.xbtn-ghost{background:transparent; color:#ff2d87; border-color:transparent}
.xbtn-ghost:hover{background:#ff2d871a}

.xbtn-ic{font-size:1.05em; line-height:1}
.xbtn-price{margin-left:8px; font-weight:700; opacity:.9}

/* layout khi có ảnh */
.xbtn-hasimg-left{gap:10px}
.xbtn-hasimg-top{flex-direction:column; align-items:flex-start; gap:10px}
.xbtn-line{display:inline-flex; align-items:center; gap:8px}

/* khung ảnh */
.xbtn-img{display:inline-flex; width:40px; height:40px; overflow:hidden}
.xbtn-img img{width:100%; height:100%; object-fit:cover; display:block}
.xbtn-shape-circle{border-radius:999px}
.xbtn-shape-rounded{border-radius:10px}
.xbtn-shape-square{border-radius:0}