#referral-invite-notice{max-width:1424px;margin:0 auto;padding:0 44px 4px}
.referral-invite-shell{display:flex;align-items:flex-start;gap:16px;border:1px solid #68323e;background:radial-gradient(ellipse at top left,#5c192938,transparent 65%),#141014;border-radius:12px;padding:20px 23px;margin-top:6px}
.referral-invite-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#321823;border:1px solid #7a394d;color:#ffb2c8}
.referral-invite-icon>svg{width:21px;height:21px}
.referral-invite-copy{flex:1;min-width:0}
.referral-invite-copy>strong{display:block;font-size:.9375rem;font-weight:650;line-height:1.5}
.referral-invite-copy>p{font-size:.8125rem;line-height:1.65;color:#c5b7c1;margin-top:5px}
.referral-invite-copy>.referral-invite-caption{color:#a696a2;font-size:.75rem;margin-top:8px;max-width:710px}
.referral-invite-copy>.referral-invite-message{color:#edbccd;font-size:.8125rem;margin-top:10px}
.referral-invite-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;padding-top:3px}
.referral-invite-actions>.primary-button,.referral-invite-actions>.secondary-button{font-size:.8125rem;padding:10px 14px;white-space:nowrap;min-height:41px}
.referral-invite-actions>.text-button{font-size:.8125rem;line-height:1.5;color:#c9b8c4;white-space:nowrap;text-decoration:underline;text-decoration-color:#765564;text-underline-offset:4px;padding:8px 0;min-height:41px}
.referral-invite-actions>.text-button:hover{color:#fff;text-decoration-color:#e09bac}
.referral-invite-actions>button:active:enabled{transform:translateY(1px)}
@media(max-width:1150px){#referral-invite-notice{padding:0 28px 4px}.referral-invite-shell{gap:13px;padding:19px}.referral-invite-actions{max-width:190px}}
@media(max-width:750px){.referral-invite-shell{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}.referral-invite-icon{width:34px;height:34px;border-radius:9px}.referral-invite-icon>svg{width:19px;height:19px}.referral-invite-actions{grid-column:2;justify-content:flex-start;max-width:none;gap:14px;padding-top:0}.referral-invite-copy>strong{font-size:.875rem}}
@media(max-width:480px){#referral-invite-notice{padding:0 18px 4px}.referral-invite-shell{padding:17px 16px;gap:11px;border-radius:10px}.referral-invite-actions{grid-column:1/-1;padding-top:2px;gap:16px}.referral-invite-copy>p{font-size:.8125rem}.referral-invite-copy>.referral-invite-caption{font-size:.75rem}.referral-invite-actions>.primary-button,.referral-invite-actions>.secondary-button{flex:1}.referral-invite-actions>.text-button{margin-left:auto;text-align:center}}