.attention-box {
    border-radius: 0.313rem;

    &.error {
        background-color: var(--color-red-default-20);
    }

    &.temporary {
        background-color: var(--color-yellow-sun-20);
        &.contrast {
            border: 0.063rem solid var(--color-yellow-sun-100);
        }
    }

    &.warning {
        background-color: var(--color-neutral-pearl-10);
    }

}