.confirm-window
    position: fixed
    top: 0px
    left: 0px
    width: 100%
    height: 100%
    display: flex
    flex-direction: row
    align-items: center
    justify-content: center
    background-color: rgba(0, 0, 0, 0.7)

    .center
        width: 300px
        border-radius: 10px
        border: 2px solid $primary
        box-sizing: border-box
        background-color: $secondary
        background-color: $primary

        .title h3
            color: $secondary
            text-align: center

        .description 
            background-color: $background
            padding: 10px

            p
                text-align: center

        .title, .description, .buttons
            padding: 10px

        .buttons
            display: flex
            flex-direction: row
            align-items: center
            justify-content: center
            gap: 10px

            .cancel, .confirm
                padding: 10px
                border: none
                border-radius: 10px
                transition: transform 0.5s

            .cancel:hover
                transform: rotate(30deg)

            .confirm:hover
                transform: scale(1.2)

            .cancel
                background-color: red
                color: white
            
            .confirm
                background-color: $secondary
                color: $primary