/* Единые размеры кнопок на всём сайте.
   Три размера: большая (48px) - главное действие на экране, обычная (44px) - все остальные кнопки,
   маленькая (36px) - кнопки внутри карточек и списков. У всех один шрифт, жирность и скругление своего размера.
   Подключается последним в <head>, поэтому перебивает старые размеры со страниц (!important - из-за стилей,
   которые некоторые страницы вставляют прямо в <body> или в атрибут style). */

/* ---------- большая: 48px ---------- */
.hero-cta, .pk-dl, .btn-yandex{
  min-height:48px !important; height:48px; padding-top:0 !important; padding-bottom:0 !important;
  font-size:14px !important; font-weight:700 !important; border-radius:14px !important; line-height:1.2 !important;
  box-sizing:border-box; white-space:nowrap;
}

/* ---------- обычная: 44px ---------- */
.cta-login, .sh-login, .side-cta, .sh-side .cta, .sv-write, .btn-action,
.confirm, .cancel, .btn-primary, .btn-ghost, .btn-danger, .btn-danger-outline, .btn-continue,
.composer .publish-btn, .composer .cancel-btn, .feed-btn, .sf-ver, a.btn,
.ev-cta, .ev-all, .rp-btns button, .ff-pub, .vote-btn, .sh-close, .nf-all{
  min-height:44px !important; height:44px; padding-top:0 !important; padding-bottom:0 !important;
  font-size:13px !important; font-weight:700 !important; border-radius:12px !important; line-height:1.2 !important;
  box-sizing:border-box;
}
.cta-login, .sh-login, .side-cta, .sh-side .cta, .sv-write, .btn-action, a.btn, .ev-cta, .ev-all, .feed-btn, .vote-btn{ white-space:nowrap; }
.cta-login, .sh-login, .btn-action, a.btn{ padding-left:24px !important; padding-right:24px !important; }
.sv-write{ padding-left:20px !important; padding-right:20px !important; }
.btn-ghost{ padding-left:18px !important; padding-right:18px !important; white-space:nowrap; }

/* ссылки, которые выглядят как кнопки: текст по центру по вертикали */
a.cta-login, a.sh-login, a.btn-danger-outline, a.nf-all{ display:flex !important; align-items:center; justify-content:center; text-decoration:none; }
a.btn, a.btn-action, .ev-cta, .ev-all{ display:inline-flex !important; align-items:center; justify-content:center; text-decoration:none; }
.sh-close{ display:flex !important; align-items:center; justify-content:center; }

/* ---------- маленькая: 36px ---------- */
.sv-add, .sg-new, .cl-btn, .fb, .sg-send, .sg-cancel, .rs-save, .rs-cancel, .notif-see-all, .load-more-comments{
  min-height:36px !important; height:36px; padding-top:0 !important; padding-bottom:0 !important;
  font-size:12px !important; font-weight:700 !important; border-radius:11px !important; line-height:1.2 !important;
  box-sizing:border-box;
}
.sv-add, .sg-new, .cl-btn, .fb, .sg-send, .sg-cancel, .rs-save, .rs-cancel{ padding-left:16px !important; padding-right:16px !important; white-space:nowrap; }
a.sv-add{ display:inline-flex !important; align-items:center; justify-content:center; }
a.sg-new{ display:flex !important; align-items:center; justify-content:center; }

/* на телефоне кнопки в шапке и в профиле чуть компактнее, но одинаковые между собой */
@media (max-width:768px){
  .cta-login, .sh-login{ min-height:40px !important; height:40px; padding-left:18px !important; padding-right:18px !important; font-size:12.5px !important; }
  .hero-cta, .pk-dl{ font-size:13.5px !important; }
  .fb{ min-height:32px !important; height:32px; font-size:11px !important; padding-left:12px !important; padding-right:12px !important; }
}