Código HTML :
<style>
.btn7 {
background: transparent;
border: transparent;
cursor: pointer;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.btn7:hover {
-webkit-transform: translateY(4px);
-moz-transform: translateY(4px);
-o-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
transform: ;
}
</style>
<html>
<head>
<script src='https://www.google.com/recaptcha/api.js'></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="animate.css">
<link rel="stylesheet" href="transition.css">
</head>
<body>
<button class="btn7" onclick="location.href='form_modificar_fila.php'" title="modificar fila"><i class="fa fa-edit" style="font-size: 40px; color: #04B4AE;" data-test="holeOut"></i></button>
</body>
Gracias.
