.hp-warning {
    background: #fff !important;
    margin-bottom: 1rem !important;
    border-bottom: 4px solid #bb4c4c !important;
}

.hp-warning .hpw-header {
    background: #bb4c4c !important;
    padding: 1em !important;
    font-size: 1.125rem !important;
}

.hp-warning .hpw-header * {
    color: #fff !important;
    font-weight: 700 !important;
}

.hp-warning .hpw-header i {
    font-family: Material Icons !important;
    vertical-align: middle !important;
}

.hp-warning .hpw-body {
    max-width: calc(768px + 2rem) !important;
    font-weight: 500 !important;
    padding: 3.125rem 1rem !important;
    margin: auto !important;
}

.hp-warning .hpw-body .accent {
    font-weight: bold !important;
    color: #bb4c4c !important;
}