how to use transform together with active in tailwindcss

Question

I want to give click effect to a button like this:

.btn-translate-effect {
    transition: transform .1s ease-in-out;
}

.btn-translate-effect:active {
   tra