.bs-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.bs-callout h4 {
    margin-bottom: .25rem
}

.bs-callout > :last-child {
    margin-bottom: 0
}

.bs-callout+.bs-callout {
    margin-top: -.25rem
}

.bd-callout .highlight {
    background-color: rgba(0,0,0,0.05)
}

.bs-callout-primary {
    --bd-callout-bg: rgba(var(--bs-primary-rgb), .075);
    --bd-callout-border: rgba(var(--bs-primary-rgb), .5)
}

.bs-callout-secondary {
    --bd-callout-bg: rgba(var(--bs-secondary-rgb), .075);
    --bd-callout-border: rgba(var(--bs-secondary-rgb), .5)
}

.bd-callout-info {
    --bd-callout-bg: rgba(var(--bs-info-rgb), .075);
    --bd-callout-border: rgba(var(--bs-info-rgb), .5)
}

.bd-callout-success {
    --bd-callout-bg: rgba(var(--bs-success-rgb), .075);
    --bd-callout-border: rgba(var(--bs-success-rgb), .5)
}

.bd-callout-warning {
    --bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
    --bd-callout-border: rgba(var(--bs-warning-rgb), .5)
}

.bd-callout-danger {
    --bd-callout-bg: rgba(var(--bs-danger-rgb), .075);
    --bd-callout-border: rgba(var(--bs-danger-rgb), .5)
}