.flowcation-card{display:block}
.browser-body.hero-project{padding:0;background:#f5f2ec}
.hero-project-shot{display:block;width:100%;height:auto;aspect-ratio:1600/990;object-fit:cover;object-position:top center}
.flowcation-card:after{content:"Xem Flowcation.vn ↗";position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(13,55,38,.88);backdrop-filter:blur(7px);color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;opacity:0;transform:translateY(6px);transition:.25s}
.flowcation-card:hover:after{opacity:1;transform:none}
@media(max-width:560px){.flowcation-card:after{opacity:1;transform:none}.hero-project-shot{aspect-ratio:1.55/1}}