/* lưới 5 cột trên lg đã do Bootstrap lo; chỉ style ô */
.ql-card{
  display:flex; align-items:center; justify-content:center;
  width:100%; min-height:64px; padding:.75rem .5rem;
  text-align:center; text-transform:uppercase; font-weight:700;
  letter-spacing:.02em; color:#fff; background:#0a3a6b;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
  border-radius: 2px;font-size: 14px;transition: all 0.3s;border-radius: 6px;
}
.ql-card:hover, .ql-card:focus{
  background:#0b4e8a; color:#fff; text-decoration:none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 6px 18px rgba(0,0,0,.12);
}
.ql-card--ghost{ visibility:hidden; box-shadow:none; background:transparent; }

/* chữ dài xuống dòng đẹp */
.ql-label{ line-height:1.25; }

/* khoảng cách nhỏ trên mobile */
@media (max-width: 575.98px){
  .ql-card{ min-height:56px; font-weight:700; }
}