.notification {
    border: 2px solid var(--gray);
    background-color: white;
    border-radius: var(--border-radius-1);
    width: fit-content;
}

.notification h2 {
    font-size: 1.05rem !important;
}

.notification-client{
    margin-top: 8rem;
}

html:has(.notification-client.notification-client) .main-card-product{
    margin-top: 2.2rem !important;
}


.notification.warning {
    border: 1px solid var(--red);
}

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

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

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

.notification.success {
    border: 1px solid var(--primary-color);
}

.notification.success h2 {
    color: var(--primary-color);
}
.notification b{
    font-weight: 600;
}

@media(max-width: 720px){
    .notification {
        margin-bottom: 18px !important;
        margin-top: 24px !important;
    }
}