Puedes hacer esto de una manera mas fácil de la que lo has hecho:
Le asignas una transicion a tu clase, y luego haces que cuando se ponga el ratón encima, se mueva a la ubicación deseada

    

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .press {
      position: relative;
      top: 0;
      transition: top ease 0.5s;
      width: 64px;
    }
     .press:hover {
      top: 10px;
    }

<!-- language: lang-html -->

    <a href="#">
      <img class="press" src="https://logodownload.org/wp-content/uploads/2017/11/discord-logo-0.png" width="60%" height="auto">
    </a>

<!-- end snippet -->