.semantic-message {
    border: 2px solid var(--lemon-black);
    background-color: var(--lemon-white);
    margin: 0;
    padding: 1rem;
}

    .semantic-message.error {
        border-color: var(--lemon-error);
        background-color: rgba(167, 38, 8, 0.11);
    }

    .semantic-message.warning {
        border-color: var(--lemon-warning);
        background-color: rgba(255, 147, 79, 0.11);
    }

    .semantic-message.info {
        border-color: var(--lemon-info);
        background-color: rgba(56, 145, 166, 0.11);
    }

    .semantic-message.success {
        border-color: var(--lemon-success);
        background-color: rgba(55, 122, 1, 0.11);
    }