.vk-notifications {
    margin: 1.5rem 0;
    padding: 1.25rem;
    border: 1px solid #bdcfbe;
    border-radius: 12px;
    background: #f5f9f3;
    color: #243c28;
    text-align: left;
    overflow-wrap: anywhere;
}
.vk-notifications .vk-notifications-title {
    margin: 0 0 .65rem;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 700;
}
.vk-notifications p { margin: 0 0 .85rem; max-width: 70ch; }
.vk-notifications .vk-notifications-status { font-weight: 600; }
.vk-notifications .vk-notifications-help { font-size: .9rem; line-height: 1.55; margin: .85rem 0 0; }
.vk-notifications a { color: #22582c; text-decoration: underline; text-underline-offset: .2em; }
.vk-notifications a:hover { color: #163d1d; }
.vk-notifications-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1rem; }
.vk-notifications-actions .btn { color: #243c28; border-color: #667b69; min-height: 44px; }
.vk-notifications-actions .btn:hover { color: white; background: #425c47; }
.vk-notifications-actions .btn:disabled { opacity: .7; cursor: wait; }
.vk-notifications-widget { min-height: 34px; margin: .75rem 0; max-width: 100%; }
.vk-notifications :focus-visible, .vk-notifications-skip:focus-visible { outline: 3px solid #315e38; outline-offset: 3px; }
.vk-notifications [hidden], [data-vk-submit][hidden] { display: none !important; }
.vk-notifications-skip { white-space: normal; min-height: 44px; background: white; color: #243c28; border: 1px solid #667b69; }
.vk-notifications-skip:hover, .vk-notifications-skip:focus { background: #edf3ec; color: #243c28; border-color: #425c47; }
[data-vk-submit="connected"] { background: #246738; color: white; }
[data-vk-submit="connected"]:hover, [data-vk-submit="connected"]:focus { background: #1c542b; color: white; }
@media (max-width: 575px) {
    .vk-notifications { padding: 1rem; }
    .vk-notifications-actions { align-items: stretch; flex-direction: column; }
    .vk-notifications-actions a { padding: .5rem 0; }
    .vk-notifications-skip { max-width: 200px; }
}