test

Information

Succes

Warning

Danger

<p class="callout info">Information</p>
<p class="callout success">Succes</p>
<p class="callout warning">Warning</p>
<p class="callout danger">Danger</p>
<p>&nbsp;</p>

info:
order-left-color: #0288d1;
color: #01466c;
background-color: #d3efff;

Succes:
border-left-color: #0f7d15;
background-color: #eafdeb;
color: #063409;

Warning:
border-left-color: #cf4d03;
background-color: #fee3d3;
color: #6a2802;

Danger:
border-left-color: #cf4d03;
background-color: #fee3d3;
color: #6a2802;

callout:
border-inline-start: 3px solid #bbb;
background-color: #eee;
padding: 12px 12px 12px 32px;
display: block;
position: relative;
overflow: auto;