/* Блок перехода. Ни JS-фреймворка, ни картинки: акцент рисует один
   инлайновый SVG, вес блока пренебрежимо мал. */
.ctaBlock{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;
  margin:30px 0;padding:20px 22px;border:1px solid #e4e8ee;border-radius:12px;
  background:#fbfcfd;font-family:var(--font-family-persono,inherit)}
.ctaBlock__mark{width:44px;height:44px;fill:none;stroke:#c3a06a;stroke-width:1.4}
.ctaBlock__mark .dot{fill:#c3a06a;stroke:none}
.ctaBlock__t{margin:0 0 6px;font-size:18px;line-height:1.3;font-weight:600;color:#1b1f27}
.ctaBlock__d{margin:0 0 14px;font-size:15px;line-height:1.55;color:#5b6472;max-width:56ch}
/* Селектор намеренно длиннее правила сайта `.styleText a`: оно задаёт тёмный
   цвет и зелёную подчёркивающую тень, из-за чего на живой странице текст
   кнопки оказался тёмным на тёмном. Специфичность .ctaBlock a.ctaBlock__a
   выигрывает независимо от порядка подключения стилей. */
.ctaBlock a.ctaBlock__a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;
  border-radius:8px;background:#1b1f27;color:#fff;font-size:15px;font-weight:500;
  text-decoration:none;box-shadow:none;border:0;transition:background .15s}
.ctaBlock a.ctaBlock__a:hover{background:#333a47;color:#fff;box-shadow:none}
.ctaBlock a.ctaBlock__a:focus-visible{outline:2px solid #c3a06a;outline-offset:3px}
.ctaBlock a.ctaBlock__a::after{content:'→';font-size:15px;line-height:1}
@media(max-width:560px){
  .ctaBlock{grid-template-columns:1fr;gap:12px;padding:18px}
  .ctaBlock__mark{width:36px;height:36px}
  .ctaBlock a.ctaBlock__a{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.ctaBlock a.ctaBlock__a{transition:none}}