.hs-project-banner{display:flex;align-items:center;gap:17px;width:min(690px,100%);margin-top:3rem;padding:18px 20px;border:1px solid rgba(255,255,255,.48);border-radius:18px;background:linear-gradient(110deg,rgba(255,255,255,.18),rgba(255,255,255,.08));box-shadow:0 16px 38px rgba(24,13,71,.2);color:#fff;text-decoration:none;backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.hs-project-banner:hover,.hs-project-banner:focus-visible{transform:translateY(-3px);background:linear-gradient(110deg,rgba(255,255,255,.25),rgba(255,255,255,.13));box-shadow:0 21px 42px rgba(24,13,71,.27);color:#fff}
.hs-project-banner-icon{display:grid;flex:none;place-items:center;width:55px;height:55px;border-radius:15px;background:#fff;color:#6547b8}
.hs-project-banner-icon .material-symbols-outlined{font-size:30px}
.hs-project-banner-copy{display:grid;gap:4px;min-width:0}
.hs-project-banner-copy strong{color:#fff;font-size:1.05rem;line-height:1.25}
.hs-project-banner-copy small{color:#eee7ff;font-size:.82rem;line-height:1.45}
.hs-project-banner-action{display:inline-flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;color:#fff;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.hs-project-banner-action .material-symbols-outlined{font-size:19px}
@media(max-width:736px){.hs-project-banner{align-items:flex-start;gap:11px;margin-top:2rem;padding:15px}.hs-project-banner-icon{width:42px;height:42px;border-radius:11px}.hs-project-banner-icon .material-symbols-outlined{font-size:24px}.hs-project-banner-copy strong{font-size:.91rem}.hs-project-banner-copy small{font-size:.75rem}.hs-project-banner-action{align-self:end;font-size:0}.hs-project-banner-action .material-symbols-outlined{font-size:22px}}