.wp-coutb-callout-box {
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-flex;
    margin-bottom: 1rem;
    padding: 20px;
    width: 100%;
}

.wp-coutb-callout-box.primary {
    background-color: #DBEAFE;
    border: 1px solid #BFDBFE;
}

.wp-coutb-callout-box.primary .wp-coutb-callout-box__icon.solid,
.wp-coutb-callout-box.primary .wp-coutb-callout-box__icon.outline {
    color: #1E40AF;
}

.wp-coutb-callout-box.success {
    background-color: #DCFCE7;
    border: 1px solid #BBF7D0;
}

.wp-coutb-callout-box.success .wp-coutb-callout-box__icon.solid,
.wp-coutb-callout-box.success .wp-coutb-callout-box__icon.outline {
    color: #15803D;
}

.wp-coutb-callout-box.danger {
    background-color: #FEE2E2;
    border: 1px solid #FECACA;
}

.wp-coutb-callout-box.danger .wp-coutb-callout-box__icon.solid,
.wp-coutb-callout-box.danger .wp-coutb-callout-box__icon.outline {
    color: #B91C1C;
}

.wp-coutb-callout-box.warning {
    background-color: #FEF3C7;
    border: 1px solid #FEF08A;
}

.wp-coutb-callout-box.warning .wp-coutb-callout-box__icon.solid,
.wp-coutb-callout-box.warning .wp-coutb-callout-box__icon.outline {
    color: #78350F;
}

.wp-coutb-callout-box p {
    margin: 0 !important;
}

.wp-coutb-callout-box__icon {
    height: 30px;
    margin-right: 10px;
    width: 30px;
}

.wp-coutb-callout-box__icon svg {
    width: 30px;
    height: 30px;
}