div.highlight-box {
padding: 20px 15px;
border-radius:0.5em;
}
div.highlight-box.highlight-alsoread {
border-radius: 4px;
border: 1px solid #fafafa;
box-shadow: 0 0 10px rgb(0 0 0 / 9%);
background:#fff;
width: fit-content;
}
div.highlight-box.highlight-note {
background:#fff2ae;
background: linear-gradient(135deg, #fff2ae 0%, #fff7d3 100%);
}
div.highlight-box.highlight-warning{
background:#ffd4d1;
background: linear-gradient(135deg, #ffd4d1 0%, #FEEDEC 100%);
}
div.highlight-box p {
font-size: inherit;
line-height: inherit;
margin:0;
}
div.highlight-box.highlight-alsoread:before{
content: "🌎 Also read";
font-weight: 700;
font-size: 1.1em;
margin-bottom: 10px!important;
display: block;
}
div.highlight-box.highlight-note:before{
content: url("data:image/svg+xml;charset=UTF-8, ");
}
div.highlight-box.highlight-warning:before{
content: url("data:image/svg+xml;charset=UTF-8, ");
}