/* ===== Выделение текста | source 4411862701 ===== */


/* =========================================================
   SMILELADDER — GLOBAL TEXT SELECTION
   ========================================================= */

::selection {
    background: rgba(0, 165, 26, 0.18);
    color: #191919;
}


/* Firefox */
::-moz-selection {
    background: rgba(0, 165, 26, 0.18);
    color: #191919;
}

/* ===== Эффект заливки hover-fill-text | source 2250133731 ===== */

:root {
--FillingColor: #0CA00C; /*цвет заливки по наведению*/
}
/*Минимальная ширина экрана 480px*/
@media only screen and (min-width: 480px) {
.hover-fill-text,
.hover-fill-text:before {
opacity: 0;
transform: translateX(-100%);
transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
transition-delay: 0.7s;
}
.link-filling .tn-atom:hover .hover-fill-text,
.link-filling .tn-atom:hover .hover-fill-text:before {
opacity: 1;
transform: translateX(0);
transition-delay: 0s;
}
@keyframes anim-in-text {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes anim-in-layer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes anim-out-text {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes anim-out-layer {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
.link-filling {
pointer-events: none;
}
.link-filling a {
pointer-events: all;
}
.link-filling .tn-atom {
position: relative;
display: block;
/*overflow: hidden;*/
}
.hover-fill-text {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
display: inline-table;
width: 100%;
overflow: hidden;
pointer-events: none;
-webkit-animation: anim-out-layer 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
animation: anim-out-layer 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.hover-fill-text:before {
content: attr(data-text);
color: var(--FillingColor);
transform: translateX(100%);
display: inline-table;
text-shadow: 0px 0px 0px var(--FillingColor);
width: 100%;
-webkit-animation: anim-out-text 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
animation: anim-out-text 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.link-filling .tn-atom:hover .hover-fill-text {
transform: translateX(0);
-webkit-animation: anim-in-layer 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
animation: anim-in-layer 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.link-filling .tn-atom:hover .hover-fill-text:before {
-webkit-animation: anim-in-text 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
animation: anim-in-text 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
}

/* ===== Общая кнопка arrow-zoom | source 2446600501 ===== */

/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 100%;
height: 100%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 28px;
width: 28px;
background-image: var(--ImgZoom);
background-position: -28px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -28px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 28px 0;
}
}
.arrow-zoom:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom:hover .tn-atom__button-content:after {
width: 102%;
height: 102%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom .tn-atom {
overflow: hidden;
}
.arrow-zoom .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 64px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 15px;
}
.arrow-zoom:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {

  /* КРУГ */
  .arrow-zoom .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 46px; /* место под иконку */
  }
  
  .one-line-text {
  white-space: nowrap; /* Запрещает перенос */
}
}

/* ===== Кнопка подключения arrow-zoom-3 | source 2252490461 ===== */

/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom-3 .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 100%;
height: 100%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom-3 .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-3 .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 28px;
width: 28px;
background-image: var(--ImgZoom);
background-position: -28px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -28px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 28px 0;
}
}
.arrow-zoom-3:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom-3:hover .tn-atom__button-content:after {
width: 102%;
height: 102%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-3 .tn-atom {
overflow: hidden;
}
.arrow-zoom-3 .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 16px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 10px;
}
.arrow-zoom-3:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom-3:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {
  /* Контент кнопки */
  .arrow-zoom-3 .tn-atom__button-content {
    min-height: 48px;
  }

 /* КРУГ */
  .arrow-zoom-3 .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom-3 .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom-3 .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 44px; /* место под иконку */
  }
}

/* ===== Кнопка отправки arrow-zoom-4 | source 2259346381 ===== */

/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom-4 .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 100%;
height: 100%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom-4 .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-4 .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 28px;
width: 28px;
background-image: var(--ImgZoom);
background-position: -28px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -28px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 28px 0;
}
}
.arrow-zoom-4:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom-4:hover .tn-atom__button-content:after {
width: 102%;
height: 102%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-4 .tn-atom {
overflow: hidden;
}
.arrow-zoom-4 .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 16px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 200px;
}
.arrow-zoom-4:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom-4:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {
  /* Контент кнопки */
  .arrow-zoom-4 .tn-atom__button-content {
    min-height: 48px;
  }

 /* КРУГ */
  .arrow-zoom-4 .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom-4 .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom-4 .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 204px; /* место под иконку */
  }
}

/* ===== QR-подсказки | source 4013569401 ===== */

/* Внешние контейнеры QR */
.qr-popover,
.qr-popover2 {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    border-radius: 8px !important;

    box-shadow:
        -13px 31px 20px 0px #0000000d,
        -6px 14px 15px 0px #0000000d,
        -1px 3px 8px 0px #0000000d !important;

    transition:
        opacity .14s ease,
        visibility 0s linear .14s !important;

    will-change: opacity;
}

/* Внутренний слой — только он анимируется */
.qr-popover > *,
.qr-popover2 > * {
    transform: translateY(8px) scale(0.96);
    transform-origin: top center;

    border-radius: 8px !important;
    overflow: hidden;

    transition:
        transform .22s cubic-bezier(.2,.8,.2,1) !important;

    will-change: transform;
}

/* Открытое состояние */
.qr-popover.is-open,
.qr-popover2.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition:
        opacity .14s ease !important;
}

.qr-popover.is-open > *,
.qr-popover2.is-open > * {
    transform: translateY(0) scale(1);
}

/* A hidden fixed container must not regain pointer events through link animation. */
.t-rec[style*="pointer-events: none"] .link-filling a,
.t396__artboard-fixed-innactive .link-filling a {
    pointer-events: none !important;
}

    /* Стили для скрытия горизонтального скролла для всех блоков на сайте */
    .t396__artboard { 
        overflow-x: auto;
         scroll-behavior: smooth;
    }

   .t396__artboard::-webkit-scrollbar {
        height: 0; /* Скрывает скроллбар */
    }
    
    
    
.sl-img {
    transition: transform 0.6s cubic-bezier(.50, 0, .63, 1);
    will-change: transform;
}

.sl-img:hover {
    transform: translateY(-4px);
}

@media (hover: none), (max-width: 768px) {
    .sl-img:hover {
        transform: none;
    }
}


/* ===== Кнопка arrow-zoom-5 — исправленная версия ===== */

/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom-5 .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 100%;
height: 100%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom-5 .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-5 .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 28px;
width: 28px;
background-image: var(--ImgZoom);
background-position: -28px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -28px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 28px 0;
}
}
.arrow-zoom-5:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom-5:hover .tn-atom__button-content:after {
width: 102%;
height: 102%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-5 .tn-atom {
overflow: hidden;
}
.arrow-zoom-5 .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 16px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 265px;
}
.arrow-zoom-5:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom-5:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {
  /* Контент кнопки */
  .arrow-zoom-5 .tn-atom__button-content {
    min-height: 48px;
  }

 /* КРУГ */
  .arrow-zoom-5 .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom-5 .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom-5 .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 44px; /* место под иконку */
  }
}




<!--Кнопки со стрелкой
<!--Зумирование стрелки-->
/*Настройки кнопки*/
:root {
--ZoomColor: #F8F8F8; /*цвет круга*/
--TextColorZoomHover: #0CA00C; /*цвет текста по наведению*/
--ImgZoom: url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png), url(https://static.tildacdn.com/tild6665-3135-4530-a539-613164393533/photo.png); /*изображение стрелки*/
}
.arrow-zoom-2 .tn-atom__button-content {
overflow: hidden !important;
position: relative;
transition-delay: 0.7s !important;
width: 101%;
height: 101%;
margin: 0;
transition: all 1.1s ease-in-out, color 0.2s ease-in-out, background 0s ease-in-out, border-color 1.2s ease-in-out !important;
}
.arrow-zoom-2 .tn-atom__button-content:after {
content: '';
position: absolute;
display: inline-block;
width: 22px;
height: 22px;
align-items: center;
right: 5px;
border-radius: 1000px;
background-color: var(--ZoomColor);
background-size: cover;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-2 .tn-atom__button-content:before {
content: "";
display: inline-block;
height: 18px;
width: 18px;
background-image: var(--ImgZoom);
background-position: -22px 0px, 0px 0px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
right: 8px;
top: 50%;
transform: translateY(-50%);
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
position: absolute;
z-index: 9;
}
@keyframes buttonArrow-2 {
0% {
background-position: -22px 0px, 0px 0px;
}
100% {
background-position: 0px 0px, 22px 0;
}
}
.arrow-zoom-2:hover .tn-atom__button-content:before {
animation-name: buttonArrow-2;
animation-duration: 0.7s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.84, -0.01, 0.25, 0.99);
opacity: 1;
}
.arrow-zoom-2:hover .tn-atom__button-content:after {
width: 105%;
height: 101%;
right:0;
transition: all 0.7s cubic-bezier(0.84, -0.01, 0.25, 0.99);
}
.arrow-zoom-2 .tn-atom {
overflow: hidden;
}
.arrow-zoom-2 .tn-atom__button-content div {
display: inline-block;
z-index: 1;
top: -4%;
right: 10px;
position: relative;
transition: color 0.5s cubic-bezier(0.84, -0.01, 0.25, 0.99);
margin-right: 15px;
}
.arrow-zoom-2:hover .tn-atom__button-content div {
color: var(--TextColorZoomHover);
}
.arrow-zoom-2:hover .tn-atom__button-content {
background: #F8F8F8 !important;
transition: background 3.3s ease-in-out !important;
}
@media (max-width: 480px) {
  /* Контент кнопки */
  .arrow-zoom-2 .tn-atom__button-content {
    min-height: 48px;
  }

  /* КРУГ */
  .arrow-zoom-2 .tn-atom__button-content:after {
    width: 32px;
    height: 32px;
    right: 5px;
  }

  /* СТРЕЛКА */
  .arrow-zoom-2 .tn-atom__button-content:before {
    width: 22px;
    height: 22px;
    right: 10px; /* центр круга */
  }

  /* ТЕКСТ */
  .arrow-zoom-2 .tn-atom__button-content div {
    margin-left: 46px;
    margin-right: 44px; /* место под иконку */
  }
}


/* SmileLadder CTA. Tilda defines the element geometry and link. */
.sl-cta {
  --sl-cta-arrow: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.4492%200.287935C11.8423%20-0.0998416%2012.4754%20-0.0953049%2012.8633%200.297701L17.7119%205.20981C18.0913%205.59441%2018.0964%206.21126%2017.7236%206.60239L12.875%2011.6893C12.494%2012.0891%2011.8617%2012.1045%2011.4619%2011.7235C11.0622%2011.3425%2011.0469%2010.7102%2011.4277%2010.3104L14.666%206.91196H1C0.447715%206.91196%200%206.46424%200%205.91196C9.27612e-05%205.35975%200.447772%204.91196%201%204.91196H14.6074L11.4395%201.702C11.0518%201.3089%2011.0563%200.675788%2011.4492%200.287935Z%22%20fill%3D%22%230CA00C%22%2F%3E%0A%3C%2Fsvg%3E");
  --sl-cta-circle: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15%200C23.2843%200%2030%206.71573%2030%2015C30%2023.2843%2023.2843%2030%2015%2030C6.71573%2030%200%2023.2843%200%2015C0%206.71573%206.71573%200%2015%200Z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23F8F8F8%22%2F%3E%0A%3C%2Fsvg%3E");
  --sl-cta-motion: cubic-bezier(.84,-.01,.25,.99);
}
.sl-cta .tn-atom { overflow: hidden; }
.sl-cta .tn-atom__button-content {
  position: relative; isolation: isolate; box-sizing: border-box;
  display: flex; align-items: center; justify-content: flex-start;
  width: 100%; height: 100%; padding-inline-end: 42px;
}
.sl-cta .tn-atom__button-content > :is(.tn-atom__button-text, div) {
  position: relative; z-index: 1;
  transition: color .5s var(--sl-cta-motion);
}
.sl-cta .tn-atom__button-content::before {
  content: ""; position: absolute; z-index: 0; pointer-events: none;
  top: 50%; right: 5px; transform: translateY(-50%);
  width: 0; height: calc(100% - 10px);
  border-radius: 999px; background: #f8f8f8;
  opacity: 0; transition: none;
}
.sl-cta .tn-atom__button-content::after {
  content: ""; position: absolute; z-index: 2; pointer-events: none;
  top: 50%; right: 5px; transform: translateY(-50%);
  height: calc(100% - 10px); aspect-ratio: 1;
  background-image: var(--sl-cta-arrow),var(--sl-cta-arrow),var(--sl-cta-circle);
  background-position: 50% 50%, -30px 50%, center;
  background-size: 50% auto,50% auto,contain; background-repeat: no-repeat;
  clip-path: circle(50%);
}
.sl-cta .tn-atom:focus-visible .tn-atom__button-content::before { right: -1%; width: 102%; height: 110%; opacity: 1; transition: width .7s var(--sl-cta-motion), height .7s var(--sl-cta-motion), right .7s var(--sl-cta-motion); }
.sl-cta .tn-atom:focus-visible .tn-atom__button-content > :is(.tn-atom__button-text, div) { color: #0ca00c !important; transition: color 0s .7s; }
@media (hover:hover) and (pointer:fine) {
  .sl-cta .tn-atom:hover .tn-atom__button-content::before { right: -1%; width: 102%; height: 110%; opacity: 1; transition: width .7s var(--sl-cta-motion), height .7s var(--sl-cta-motion), right .7s var(--sl-cta-motion); }
  .sl-cta .tn-atom:hover .tn-atom__button-content > :is(.tn-atom__button-text, div) { color: #0ca00c !important; transition: color 0s .7s; }
  .sl-cta .tn-atom:hover .tn-atom__button-content::after { animation: sl-cta-arrow-loop .7s var(--sl-cta-motion) infinite; }
}
@keyframes sl-cta-arrow-loop {
  from { background-position: 50% 50%, -150% 50%, center; }
  to { background-position: 250% 50%, 50% 50%, center; }
}
@media (max-width:639px) {
  .sl-cta--short-mobile .tn-atom__button-content > :is(.tn-atom__button-text, div) { font-size: 0 !important; }
  .sl-cta--short-mobile .tn-atom__button-content > :is(.tn-atom__button-text, div)::before { content: "подключить"; font-size: 14px; line-height: 1; }
}
@media (prefers-reduced-motion:reduce) {
  .sl-cta .tn-atom__button-content::before,.sl-cta .tn-atom__button-content::after,.sl-cta .tn-atom__button-content > :is(.tn-atom__button-text, div) { transition: none !important; animation: none !important; }
}