.theme-friend-links--07 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0 0; padding:13px 16px; border:1px solid rgba(51,143,223,.22); border-radius:0; color:#60778c; background:#f4faff; box-shadow:0 8px 24px rgba(47,126,198,.08); }
.theme-friend-links--07:empty { display:none; }
.theme-friend-links--07 a { display:inline-flex; min-width:92px; max-width:100%; min-height:34px; padding:6px 15px; box-sizing:border-box; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(51,143,223,.34); border-radius:999px; color:#247fc9; background:rgba(51,143,223,.09); font-size:14px; font-weight:700; line-height:20px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.theme-friend-links--07 a:hover { border-color:var(--wu-accent); color:#fff; background:var(--wu-accent); }
@media (max-width:820px) { .theme-friend-links--07 { gap:9px; padding:11px 13px; }.theme-friend-links--07 a { min-width:0; flex:1 1 calc(25% - 9px); padding-inline:10px; } }
.friend-link-confirm { position:fixed; z-index:99999; inset:0; display:grid; place-items:center; padding:20px; background:rgba(23,58,88,.5); }
.friend-link-confirm__dialog { width:min(390px,100%); padding:24px; box-sizing:border-box; border:1px solid rgba(51,143,223,.35); border-radius:4px; color:#38566f; background:#f4faff; box-shadow:0 24px 70px rgba(31,85,130,.24); }
.friend-link-confirm__dialog strong { display:block; color:#183c5c; font-size:19px; }.friend-link-confirm__dialog p { margin:12px 0 8px; color:#60778c; line-height:1.7; }
.friend-link-confirm__dialog--auto { text-align:center; }.friend-link-confirm__dialog--auto small { display:block; color:#8297a9; font-size:13px; }