.hb-related{box-sizing:border-box;max-width:1280px;width:calc(100% - 48px);margin:48px auto;display:flex;gap:35px;align-items:center;justify-content:space-between;padding:36px;border:1px solid #ffffff26;border-radius:30px;background:linear-gradient(140deg,#303033,#19191b);color:#f5f5f7;box-shadow:0 18px 40px #0000000c;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
.hb-related>div{max-width:760px}.hb-related span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#b8ccf0;font-weight:650}.hb-related h2{font-size:clamp(24px,2.7vw,35px);line-height:1.14;letter-spacing:-.03em;margin:14px 0}.hb-related p{font-size:16px;line-height:1.6;color:#c6c6cc;margin:0}.hb-related>a{flex-shrink:0;padding:17px 23px;border:1px solid #ffffff40;border-radius:99px;color:#f5f5f7;font-size:14px;font-weight:650;text-decoration:none;transition:background .25s,transform .25s}.hb-related>a:hover{background:#ffffff18;transform:translateY(-3px)}.hb-related>a:focus-visible{outline:3px solid #9abaf4;outline-offset:4px}
@media(max-width:760px){.hb-related{flex-direction:column;align-items:flex-start;padding:28px;width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.hb-related>a{transition:none}}