Как сделать разноцветный аккордеон в Tilda

Как выполнили данный пример:

1. Создали блок Текстовый блок - ТХ16N
2. Добавили стиль на страницу в блок ДРУГОЕ►Т123

<style type=text/css>
div[data-record-type="585"] {
/*Задали фоновое изображение для блока с фильтром*/ 
    background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(5, 15, 22, 0.47)), url(https://static.tildacdn.com/tild6364-3032-4839-b137-333361383634/jasonmpeterson.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    
}
/*Задали цвет и отступы в заголовочной секции*/ 
.t585__header {
    background: rgba(255,255,255,0.2);
    padding: 27px 50px 27px 15px !important;
}
/*Задали цвет и отступы в описательной секции*/ 
.t585__textwrapper {
    background: #fff;
    padding: 15px 15px 20px !important;
}
.t585__header.t585__opened {
    background: linear-gradient(to right, #d53640 0%,#d86227 100%);
}

/*Задали фон градиентом при наведении на заголовочную секцию*/ 
.t585__header:hover{
    background: linear-gradient(to right, #d53640 0%,#d86227 100%);
}
.t585__header:hover .t585__title {
    color: #ffff77 !important;
}
.t585__header.t585__opened  .t585__title {
    color: #ffff77 !important;
}

/*Правый отступ для иконки закрытия*/ 
.t585__icon {
    right: 10px !important;
}
</style>  
Made on
Tilda