Перекраска стандартного FAQ Taplink

Видеоинструкция: https://www.youtube.com/watch?v=owA35zQK3xk

Код:

<style>
.collapse-item .a {
display: flex;
align-items: center;
  /* Отступы сверху, справа, снизу и слева у заголовка */
   padding: 10px 45px 10px 35px !important;
}
.collapse-icon {
    left: 0px;
  top: 0px;
    /* Смещение влево у иконки */
    transform: translate(-35px, 0px);
  position: inherit;
    /* Прозрачность иконки */
  opacity: 1;
}
.collapse-item {
  /* Радиус скругления у общей плашки */
    border-radius: 10px;
  /* Отступы общей плашки */
    padding: 5px 15px;
  /* Обводка общей плашки */
border: 1px solid #0F97DC;
position: relative;
  /* Расстояние между пунктами */
  margin: 25px auto;
}
.collapse-item::before {
position: absolute;
pointer-events: none;
content: '';
width: 100%;
height: 100%;
  /* Обводка блюра */
    border: 3px solid #0F97DC;
  /* Степень блюра */
    filter: blur(2px);
  top: 0px;
  /* Скругление заблюренной обводки */
    border-radius: 10px;
    overflow: visible;
  /* Фон заголовка */
    background: linear-gradient(90deg, rgba(15,151,220,0.1) 0%, transparent 40%, rgba(15,151,220,0.1) 100%);
  background-size: 50% 100%;
    left: 0px;
  animation: flash-bck 35s linear infinite normal;
}
  @keyframes flash-bck {
   0%{background-position:10% 0%}
    100%{background-position:101% 0%}
}
  .collapse-item .collapse-icon::before {
content: ' ';
  /* Иконка */
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%230F97DC'/%3E%3Cpath d='M17 28L25 20L33 28' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  /* Размер иконки */
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
    opacity: 1;
}
    .collapse-item .collapse-icon::after {
  display: none;
  }
  .collapse-item.in .collapse-icon::before {
content: ' ';
   /* Иконка после открытия */
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%230F97DC'/%3E%3Cpath d='M17 28L25 20L33 28' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
   /* Размер иконки после открытия */
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  opacity: 1;
}
.collapse-text-inner {
   /* Отступы ответов */
    padding: 15px 0 1rem 55px;
  position: relative;
}
   /* Полоска над ответом. Можно просто удалить, если не нужна */
  .collapse-text-inner::before {
position: absolute;
  top: 0px;
  content: '';
  width: 100%;
   /* Высота (толщина) полоски */
  height: 1px;
   /* Цет полоски */
  background: linear-gradient(90deg, transparent 0%, #0F97DC 30%, #0F97DC 70%, transparent 100%);
}
  
</style>