.profile-subscription{display:flex;align-items:center;gap:18px;margin:0 0 22px;padding:22px 24px;border:1px solid #dce5f1;border-radius:12px;background:#fff;color:#20344f}
.profile-subscription[hidden]{display:none!important}
.profile-subscription-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:#eaf2ff;color:#1464df}
.profile-subscription-icon svg{width:24px;height:24px}
.profile-subscription>div{flex:1;min-width:0}
.profile-subscription h2{font-size:18px;line-height:1.4;margin:0 0 5px}
.profile-subscription p{font-size:13px;line-height:1.6;margin:0;color:#60738d}
.profile-subscription>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:42px;padding:10px 16px;border:1px solid #1464df;border-radius:7px;background:#1464df;color:white;font:600 13px Inter,Arial,sans-serif;cursor:pointer}
.profile-subscription>button svg{width:18px;height:18px}
html[data-theme=dark] .profile-subscription{background:#142239;border-color:#334862;color:#e5edf8}
html[data-theme=dark] .profile-subscription p{color:#a8b9d1}
html[data-theme=dark] .profile-subscription-icon{background:#1c3659;color:#8ab6ff}
@media(max-width:700px){.profile-subscription{flex-wrap:wrap;padding:18px;gap:12px}.profile-subscription>button{width:100%;min-height:48px}.profile-subscription>div{flex-basis:calc(100% - 60px)}}