<div class="box"></div>

<script type="module">
    const { animate, press } = window.Motion

    press(".box", (element) => {
        animate(element, { scale: 0.8 }, { type: "spring", stiffness: 1000 })

        return () =>
            animate(element, { scale: 1 }, { type: "spring", stiffness: 500 })
    })
</script>

<style>
    .box {
        width: 100px;
        height: 100px;
        background-color: #4ff0b7;
        border-radius: 10px;
        cursor: pointer;
    }

    .box:focus-visible {
        outline: 2px solid #4ff0b7;
        outline-offset: 2px;
    }
</style>