/* Base */
.pws-callout {
    border-left-width:0.45rem;
    border-left-color:var(--pws-callout-border);
    background-color:var(--pws-callout-bg);
    color:var(--pws-callout-color);
    border-left-style:solid;
    padding:0.8rem;
    margin-top:0.8rem;
    margin-bottom:0.8rem;
}

/* Modifiers */
.pws-callout-info {
    --pws-callout-color:var(--pws-info-text-emphasis);
    --pws-callout-bg:var(--pws-info-bg-subtle);
    --pws-callout-border:var(--pws-blue);
}
.pws-callout-warning {
    --pws-callout-color:var(--pws-warning-text-emphasis);
    --pws-callout-bg:var(--pws-warning-bg-subtle);
    --pws-callout-border:var(--pws-warning-text-emphasis);
}
.pws-callout-danger {
    --pws-callout-color:var(--pws-danger-text-emphasis);
    --pws-callout-bg:var(--pws-danger-bg-subtle);
    --pws-callout-border:var(--pws-red);
}

/* Bootstrap badges */
.badge {
    --pws-badge-padding-x: 0.65em;
    --pws-badge-padding-y: 0.35em;
    --pws-badge-font-size: 0.75em;
    --pws-badge-font-weight: 700;
    --pws-badge-color: #fff;
    --pws-badge-border-radius: var(--pws-border-radius);
    display: inline-block;
    padding: var(--pws-badge-padding-y) var(--pws-badge-padding-x);
    font-size: var(--pws-badge-font-size);
    font-weight: var(--pws-badge-font-weight);
    line-height: 1;
    color: var(--pws-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--pws-badge-border-radius);
}
.badge:empty {
    display: none;
}
.btn .badge {
    position: relative;
    top: -1px;
}