.s4-bonuscard__status {
    margin: 1em 0 1.5em;
    padding: 1em 1.25em;
    border-radius: 6px;
    border-left: 4px solid transparent;
}

.s4-bonuscard__status--verified {
    background: #f0f9f0;
    border-left-color: #3e8e41;
}

.s4-bonuscard__status--unverified {
    background: #f8f8f8;
    border-left-color: #888;
}

.s4-bonuscard__status p {
    margin: 0 0 .5em;
}

.s4-bonuscard__status p:last-child {
    margin-bottom: 0;
}

.s4-bonuscard__form {
    max-width: 420px;
}

.s4-bonuscard__result {
    margin-top: 1em;
    padding: .75em 1em;
    border-radius: 4px;
    display: none;
}

.s4-bonuscard__result--loading,
.s4-bonuscard__result--success,
.s4-bonuscard__result--fail {
    display: block;
}

.s4-bonuscard__result--loading {
    background: #f4f4f4;
    color: #444;
}

.s4-bonuscard__result--success {
    background: #e8f5e9;
    color: #1e5d24;
}

.s4-bonuscard__result--fail {
    background: #fdecea;
    color: #8a1f11;
}