Самодельная кнопка не "отжимается" ?

import QtQuick 2.12
 
Rectangle {
    id: root
 
    signal btn_pressed
 
    property string txt: "Button"
    property color txt_color:"#5bec74"
    property int font_size: 14
    property color start_grad_color: "#373e40"
    property color end_grad_color: "#4f565b"
    property int old_x
    property int old_y
 
    width: label.paintedWidth+20
    height: label.paintedHeight+12
 
    border.width: 1
    radius: 10
    border.color: "#786565"    
 
    gradient: Gradient {
        GradientStop {position: 0; color: start_grad_color}
        GradientStop {position: 1; color: end_grad_color}
    }
 
 
    Text {
        id: label
        text: txt
        anchors.fill: parent
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        font.pixelSize: root.font_size
        color: txt_color
 
 
    }
 
    MouseArea {
        anchors.fill: parent
        cursorShape: Qt.PointingHandCursor
        hoverEnabled: true
        onPressed: root.state = "pressed"
        onEntered: root.state = "hovered"
        onExited: root.state = ""
    }
 
    Component.onCompleted: {old_x = x; old_y=y}
 
    states: [
        State {
            name: "hovered"
            PropertyChanges {
                target: root
                start_grad_color: "#42494B"
                end_grad_color: "#61686D"
            }
 
 
        },
        State {
            name: "pressed"
            PropertyChanges {
                target: root
                end_grad_color: "#61686D"
                start_grad_color: "#42494B"
                x: old_x+1
                y: old_y+1
            }
        },
        State {
            name: "disconnected"
            PropertyChanges {
                target: root
                txt: "Disconnected"
                txt_color: "red"
            }
        }
    ]
 
 
 
}