use .scale-grow like this on e.g. hover: hover:scale-grow

edm-utilities.css

h1 {
    @apply text-2xl;
}

h2 {
    @apply text-xl;
}

h3 {
    @apply text-lg;
}


@screen md {
    h1 {
        @apply text-4xl;
    }

    h2 {
        @apply text-2xl;
    }

    h3 {
        @apply text-xl;
    }
}


@variants focus, hover, active, responsive {
    .rotate-minus-10 {
        transform: rotate(-10deg);
    }

    .rotate-10 {
        transform: rotate(10deg);
    }

    .rotate-minus-5 {
        transform: rotate(-5deg);
    }

    .rotate-5 {
        transform: rotate(5deg);
    }

    .scale-grow {
        transform: scale(1.02)
    }

    .my-before {
        p::before {
            content: "«";
            color: blue;
        }

        p::after {
            content: "»";
            color: red;
        }
    }
}