thanks…
now it looks great with this improved CSS code
.important {
border-color: #ffb100;
background-color: #fff9e6;
border-left: 5px solid #ffb100;
border-right: 5px solid #ffb100;
border-radius: 5px;
}
.important h3 {
background-color: #ffb100;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
color: white;
}
.important h3:before {
content: "⚠️ ";
}
.important p {
padding-left: 1em;
padding-right: 1em;
}
.important p:first-of-type {
padding-top: 0.5em;
}
.important p:last-of-type {
padding-bottom: 0.5em;
border-bottom: 5px solid #ffb100;
}
it looks like this
Indeed, even slightly “nicer” border margins than in @ThorstenG’s example