/* Кнопка действия .btn8 — вариант «Магнит»: только текст, граница — кромка из пыли, которая тянется к курсору (magnet.js).
   Без заливки, без обводки, без кружка со стрелкой. Подключать ПОСЛЕ site-v8.css.
   Двойной класс (a.btn8.btn8) — чтобы перебить контекстные правила site-v8.css (шапка, hero, финал, мобильные). */

body.v8 a.btn8.btn8 { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 0;
  height: 54px; padding: 0 30px; border-radius: 999px; background: none; box-shadow: none;
  font-size: 16px; font-weight: 400; letter-spacing: -0.012em; color: #fff; transition: transform .2s ease; }
body.v8 a.btn8.btn8::before { content: none; }
body.v8 a.btn8.btn8 > i { display: none; }
body.v8 a.btn8.btn8 > span { position: relative; z-index: 1; white-space: nowrap; }
body.v8 a.btn8.btn8:hover { background: none; transform: translateY(-1px); }
body.v8 a.btn8.btn8:active { transform: translateY(0) scale(.985); }

/* размеры */
body.v8 a.btn8.btn8--lg { height: 60px; padding: 0 34px; font-size: 17px; }
body.v8 a.btn8.btn8--sm { height: 42px; padding: 0 20px; font-size: 13.5px; background: none; box-shadow: none; }

/* холст кромки: выходит за кнопку на 18px (PAD в magnet.js) */
.magnet-cv, .spark2-cv { position: absolute; left: -18px; top: -18px; pointer-events: none; z-index: 0; }

@media (max-width: 720px) {
  body.v8 .hero__actions a.btn8.btn8 { height: 50px; }
  body.v8 .fn .act a.btn8.btn8 { width: 100%; padding: 0 24px; font-size: 16px; }
}