Что делает скрипт

Рамка с переливающимся градиентом вместо обычной обводки.

Как подключить

  1. Шейпу задайте класс gborder, кнопке — gbtn.
  2. Вставьте код в блок T123 «HTML-код» на страницу (или в «Настройки страницы» → «HTML-код для вставки внутрь head»).
  3. Опубликуйте страницу: код выполняется только на опубликованной странице.

Код

Код для вставки — часть 1 из 2
<style>
/*Для шейпа — не забудь ему присвоить СSS класс*/
.gborder .tn-atom {
  position: relative;
}
.gborder .tn-atom::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: linear-gradient(45deg, #fb00ff, #001fff);
  border-radius: 25px; /*в фигуре должен быть -2рх border-radius*/
  z-index: -1;
}
</style>
Код для вставки — часть 2 из 2
<style>
/*Для кнопки — не забудь ей присвоить СSS класс .gbtn*/
.gbtn .tn-atom {
  position: relative;
}
.gbtn .tn-atom::before {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: linear-gradient(45deg, #fb00ff, #001fff);
  border-radius: 30px;
  z-index: -1;
}
</style>

Цвета градиента меняются в linear-gradient в стилях.

тут нужно написать стили и js/css для того, чтобы отображались файлы скриптов