Animated Call-to-Action Button with Hover Lift

<button class="text-lg" style="border: 1px solid black; padding: 12px 30px; border-radius: 30px; background-color: rgb(250, 112, 250); font-weight: bolder; font-size: 15px; box-shadow: 0px 0px 1px; transition-duration: 0.3s; cursor: pointer; outline: none; display: flex; align-items: center; justify-content: center; transform: translateY(0px);" onmouseover="this.style.transform='translateY(-10px)'; this.style.boxShadow='0px 7px 1px rgb(0, 0, 0)'" onmouseout="this.style.transform='translateY(0px)'; this.style.boxShadow='0px 0px 1px'" onmousedown="this.style.transform='translateY(10px)'; this.style.boxShadow='0px 0px 1px'" onmouseup="this.style.transform='translateY(-10px)'; this.style.boxShadow='0px 7px 1px rgb(0, 0, 0)'">View My Work</button>