lucent-laravel/front/sass/_notice.scss

.notice {
    background-color: var(--p20);
    padding:  14px;
    margin: 2rem 0;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    border-radius: 12px;
    //border: 3px solid var(--border-base);
}

.notice .title {
    content: "NOTE";
    //position: absolute;
    border-radius: 12px;
    display: block;
    font-weight: bold;
}

.notice.notice-success{
    background: var(--suc20);
}

.notice.notice-error{
    background: var(--err10);
}