.start-bonus-banner{display:flex;align-items:center;gap:22px;position:relative;max-width:1080px;margin:0 auto 24px;padding:20px 26px;border:1px solid #ddd1ff;border-radius:22px;background:#f1ecff;text-align:left;isolation:isolate}
.start-bonus-banner[hidden]{display:none}
.start-bonus-banner .start-bonus-mark{display:grid;place-content:center;flex:0 0 76px;min-width:0;width:76px;height:76px;border-radius:50%;background:#fff;border:1px solid #d6c6ff;color:#7046df;text-align:center;transform:rotate(-8deg)}
.start-bonus-mark strong{font-size:29px;font-weight:650;line-height:1.05;letter-spacing:-1.2px}
.start-bonus-mark span{font-size:11px;line-height:1.5}
.start-bonus-copy{flex:1;min-width:0}
.start-bonus-copy h2{margin:0 0 6px;font-family:inherit;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:-.45px;color:#31283e}
.start-bonus-copy p{margin:0;color:#71667e;font-size:13px;line-height:1.55;max-width:570px}
.start-bonus-banner .start-bonus-action{flex-shrink:0;min-height:44px;padding:11px 20px;font-size:13px;white-space:nowrap}
@media(max-width:680px){.start-bonus-banner{margin:0 16px 18px;padding:16px;gap:13px;flex-wrap:wrap;border-radius:18px}.start-bonus-banner .start-bonus-mark{flex-basis:58px;width:58px;height:58px}.start-bonus-mark strong{font-size:24px}.start-bonus-mark span{font-size:10px}.start-bonus-copy h2{font-size:18px;letter-spacing:-.3px}.start-bonus-copy p{font-size:12px}.start-bonus-banner .start-bonus-action{width:auto;margin-left:71px;min-height:40px;padding:9px 16px}}