button click animation in vaadin 7

I have a set of styles for the button in the tree table.

.custom-add-item, .custom-add-item:hover,
    .custom-delete-item, .custom-delete-item:hover {
        margin:0;
        padding:0;
        border: 0;
        cursor:pointer;
        background-image:none;
        background-color: transparent !important;
        border: none !important;
    }

    .v-button .v-button-wrap .v-button-caption{
        text-shadow: none !important;
    }

    .v-button .v-button-wrap .v-button-caption:hover{
        color:#000 !important;
    }

    .custom-add-item .v-button-wrap,
    .custom-delete-item .v-button-wrap {
        margin:0;
        padding:0;
    }

    %new-add-delete-button {
        margin:0;
        padding:0;
        display:block !important;
        background-image:url("img/button_add_item.png");
        background-position: -7px -1px;
        background-repeat: no-repeat;
        height:22px;
        text-align:right;
        text-indent:12px;
        line-height:22px;
        font-weight:bold;
        text-decoration:underline;
        color: #000000 !important;
    }

    .custom-add-item .v-button-wrap .v-button-caption,
    .custom-delete-item .v-button-wrap .v-button-caption {
        @extend %new-add-delete-button;
    }

    .custom-delete-item .v-button-caption {
        background-image:url("img/button_delete_item.png") !important;
        background-position: -7px -3px !important;
        background-repeat: no-repeat;
    }
    .custom-add-item .v-button-caption:hover {
        background-position: -7px -45px;
        color:#000 !important;
    }

    .custom-delete-item .v-button-caption:hover{
        background-position: -7px -47px !important;
        color:#000;
    }

On the page it looks like this

      | +add element
-------------
	  | +add element

When the button is disabled it kinda moves to the right

      | +add element
------------
	  |   +add element

In attempt to fix it I tried to do like this

   .v-disabled.custom-add-item, .v-disabled.custom-add-item:hover {
       .v-button-wrap { padding: 0; }
   }

It fixed the offset to the right, but it removed the effect of clicking - when the button moves slightly right and then returns to the original position.

What is the problem?