Привет!
Видео-инструкция создания собственных шорткодов в Друпал 8 или 9. Подходит под обе версии.
Архив с готовым модулем и стили блока внизу страницы.
Доработка модуля с возможностью изменять заголовок блока и текст кнопки.
Стили блока
Стили можно добавить в основной файл стилей темы оформления.
.order {
background: #f7f7f7;
border-radius: 30px;
padding: 40px 40px 20px;
display: flex;
flex-wrap: wrap;
margin: 45px 0 40px;
align-items: center;
}
.order .text {
width: calc(100% - 330px);
}
.order .h3 {
font-size: 16px;
margin: 0 0 15px;
padding: 0;
color: #505050;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
text-transform: uppercase;
}
.order .btn {
width: 230px;
margin: 0 0 0 20px;
border-radius: 24px;
background: #1491cb;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 11px;
text-transform: uppercase;
text-align: center;
padding: 17px 27px;
cursor: pointer;
}