.b4ue{margin:40px 0}
.b4ue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.b4ue-card{display:block;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;color:#222;text-decoration:none;transition:box-shadow .2s}
.b4ue-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);color:#222}
.b4ue-media{position:relative;height:200px;background:#f3e6ee center/cover no-repeat}
.b4ue-type{position:absolute;top:12px;left:12px;background:#ce0f69;color:#fff;font-size:12px;padding:3px 10px;border-radius:20px}
.b4ue-date{position:absolute;top:12px;right:12px;background:#fff;border-radius:8px;padding:4px 10px;text-align:center;font-size:12px;text-transform:uppercase;line-height:1.1}
.b4ue-date b{display:block;font-size:20px}
.b4ue-body{padding:16px}
.b4ue-body h3{font-size:18px;margin:0 0 8px}
.b4ue-body p{margin:0 0 4px;font-size:14px;color:#666}
.b4ue-foot{display:flex;justify-content:space-between;margin-top:12px;font-weight:600}
.b4ue-cta{color:#ce0f69}
.b4ue-all{text-align:center;margin-top:24px}
.b4ue-all a{display:inline-block;border:1px solid #ce0f69;color:#ce0f69;padding:10px 24px;border-radius:30px}
.b4ue-all a:hover{background:#ce0f69;color:#fff}
@media(max-width:991px){.b4ue-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.b4ue-grid{grid-template-columns:1fr}}