.vk-heart{position:relative;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #c9d8e8;background:#fff;border-radius:999px;cursor:pointer;padding:0;
  transition:border-color .15s,background .15s,transform .12s;}
.vk-heart--sm{width:34px;height:34px}
.vk-heart--lg{width:46px;height:46px}
.vk-heart svg{width:18px;height:18px;fill:none;stroke:#5a6675;stroke-width:1.7;transition:fill .15s,stroke .15s}
.vk-heart--lg svg{width:23px;height:23px}
.vk-heart:hover{border-color:#14539a}
.vk-heart:hover svg{stroke:#14539a}
.vk-heart:focus-visible{outline:2px solid #14539a;outline-offset:2px}
.vk-heart.is-saved{border-color:#14539a;background:#edf4fb}
.vk-heart.is-saved svg{fill:#14539a;stroke:#14539a}
.vk-heart:active{transform:scale(.92)}
@media (prefers-reduced-motion:reduce){.vk-heart,.vk-heart svg{transition:none}.vk-heart:active{transform:none}}

.vk-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;
  display:inline-flex;align-items:center;gap:8px;background:#0b2e59;color:#fff;border:0;
  border-radius:999px;padding:13px 18px;font-size:14px;cursor:pointer;box-shadow:0 6px 22px rgba(11,46,89,.28)}
.vk-fab:hover{background:#14539a}
.vk-fab:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vk-fab__n{background:#fff;color:#0b2e59;border-radius:999px;min-width:20px;height:20px;
  display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;padding:0 5px}
@media(max-width:749px){.vk-fab{bottom:calc(76px + env(safe-area-inset-bottom));padding:11px 15px;font-size:13px}}