.feedback {
    position: absolute;
    inset: 0px;
    z-index: 2;
    overflow: hidden;
    pointer-events: none;


    .notificationcontainer {
        position: absolute;
        bottom: -50px;
        left: 20px;
        right: 20px;
        display: flex;
        justify-content: center;
        align-items: flex-end;

        .notification {
            padding: 10px 100px;
            border-radius: var(--border-radius);
            font-size: 14px;
            font-weight: 600;
            pointer-events: auto;
            cursor: pointer;

            &.info {

                background: var(--main-hover-color);
                box-shadow: 0px 0px 4px #243d5e;
            }

            &.error {
                background: var(--color-red-hover);
                box-shadow: 0px 0px 4px #431616;
            }
        }
    }
}