[data-markdown] {
  .markdown-callout {
    padding: 14px 16px;
    margin: 18px 0;
    background: var(--bg-sunken);
    border-left: 3px solid var(--clay);

    &.markdown-callout-warning,
    &.markdown-callout-danger {
      border-left-color: #b25d4a;

      .markdown-callout-label {
        color: #b25d4a;
      }
    }
  }

  .markdown-callout-label {
    margin-bottom: 7px;
    color: var(--clay);
    font: 700 13px/1 var(--font-ui);
    text-transform: uppercase;
  }

  .markdown-callout-body > :last-child {
    margin-bottom: 0;
  }
}