.notification {
    border: 1px solid var(--gray-color);
    background-color: white;
    border-radius: var(--radius-medium);
}

.notification h2 {
    font-size: 0.85rem !important;
    font-weight: 400;
}

.notification.warning {
    border: 1px solid var(--error-color);
    background: #ff4c4c20;
}

.notification.warning h2 {
    color: var(--error-color);
    color: var(--black-color);
}

.notification:not(:has(h2)) p {
    margin-top: 0 !important;
}

.notification.success {
    border: 1px solid var(--green-color);
    background: #4caf5020;
}

.notification.success h2 {
    color: var(--green-color);
    color: var(--black-color);
}

.notification p{
    font-size: 0.8rem; 
}