.alert {
    padding: 20px;
    border: 1px solid #333;

    &-success {
        border-color: #9db024;
        background: #c6ff69;
        color: #415f29;
    }

    &-notice {
        border-color: $color-blue;
        background: #66e6ff;
        color: #254e5f;
    }

    &-warning {
        border-color: #b07f29;
        background: #ffd465;
        color: #5f4520;
    }

    &-error {
        border-color: #b02e2a;
        background: #ff6363;
        color: #5f2521;
    }

    &-notice-light {
        border-color: $color-blue;
        background: #d9fffc;
        color: #254e5f;
    }
}