@media (min-width: 992px) {
    .woocommerce .products .product .product-loop-meta:not(.no-transform) {
        --ws-loop-meta-row-height: 30px;
        height: var(--ws-loop-meta-row-height);
        line-height: var(--ws-loop-meta-row-height);
        overflow: hidden;
        overflow: clip;
    }
    .woocommerce .products .product:hover .product-loop-meta:not(.no-transform) .animated-meta,
    .woocommerce .products .product .product-loop-meta:not(.no-transform) .animated-meta:focus-within {
        transform: translateY(calc(-1 * var(--ws-loop-meta-row-height)));
    }
}