<style>
.box-option {
display: inline-block;
padding: 8px 12px;
margin: 5px;
border: 1px solid #ccc;
border-radius: 6px;
cursor: pointer;
}
.box-option:hover {
border-color: red;
color: red;
}
input[type=”radio”] {
display: none;
}
input[type=”radio”]:checked + .box-option {
border: 2px solid red;
color: red;
font-weight: bold;
}
.btn-order {
background: red;
color: #fff;
padding: 12px;
display: block;
text-align: center;
border-radius: 6px;
margin-top: 15px;
text-decoration: none;
}
</style>
<div style=”text-align:center”>
<h3>🔥 CHỌN PHÂN LOẠI</h3>
<p><b>COMBO</b></p>
<label>
<input type=”radio” name=”combo”>
<span class=”box-option”>5 bộ</span>
</label>
<label>
<input type=”radio” name=”combo”>
<span class=”box-option”>10 bộ</span>
</label>
<label>
<input type=”radio” name=”combo”>
<span class=”box-option”>20 bộ</span>
</label>
<p style=”margin-top:15px”><b>MẪU BÀI</b></p>
<label>
<input type=”radio” name=”mau”>
<span class=”box-option”>Lỗi số</span>
</label>
<label>
<input type=”radio” name=”mau”>
<span class=”box-option”>Rồng xanh</span>
</label>
<label>
<input type=”radio” name=”mau”>
<span class=”box-option”>Ô vuông</span>
</label>
<a href=”https://zalo.me/xxxxxxxxxx” class=”btn-order”>
👉 ĐẶT HÀNG NGAY
</a>
</div>
