.confirmation-overlay {
    width: 100vw;
    height: 100vh;
    background: var(--background-color-secondary);
    backdrop-filter: blur(2px);

    .confirmation-modal {
        min-width: 35%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 5;
        background-color: var(--background-color);
        padding: 14px 12px;
        border-radius: 6px;

        .buttton-wrapper {
            padding-top: 12px;
            display: flex;
            justify-content: end;
            align-items: end;
            gap: 12px;

            .confirmation-button {
                padding: 6px 10px;
                border-radius: 6px;
                cursor: pointer;

                &:first-child {
                    color: var(--accent-color);
                }

                &:last-child {
                    background-color: #ffe3e0;
                    color: #f65648;
                }

            }

        }
    }
}