.custom-modal .modal-content {
    border-radius: var(--border-radius-lg);
}

.custom-modal .modal-content .modal-header {
    flex-direction: column;
    align-items: start;
    border: none;
    gap: 1rem;
    padding-bottom: 0;

    & .modal-title {
        font-size: var(--font-size-heading-sm);
        font-weight: 600;
    }
}

.custom-modal .modal-content .btns-modal {
    display: flex;
    gap: 0.75rem;
}

.custom-modal form {
    font-size: var( --font-size-md);
}

.custom-delete-modal .modal-content, .custom-success-modal .modal-content  {
    padding: 0.5rem;
}

.custom-success-modal .modal-content .modal-header {
    align-items: center;

    & .featured-icon {
        width: 3.125rem;
        height: 3.125rem;   
        background-color: var(--success-color-100);
        border-color: var(--success-color-50);

        & i {
            color: var(--success-color-600);
        }
    }
}

.custom-delete-modal .modal-content .modal-header {
    align-items: center;

    & .featured-icon {
        width: 3.125rem;
        height: 3.125rem;   
        background-color: var(--danger-color-100);
        border-color: var(--danger-color-50);

        & i {
            color: var(--danger-color-600);
        }
    }

    /* & .modal-title { 
        font-size: var(--font-size-heading);
    } */
}

.custom-delete-modal .modal-content .modal-body .message, .custom-success-modal .modal-content .modal-body .message{
    color: var(--text-color-600);
    text-align: center;
    padding: 0 16px 32px 16px;
}