añadir al carrito desaparece en version móvil ¿posible bug de css?

[UniArt]

Os cuento:

Tocando en el tema classic de ps 1.7 el botón de añadir al carrito desapareció misteriosamente en la versión para móviles.

Mirando el el inspector de elemento del explorador he visto el botón estaba, ocupaba su espacio pero era invisible.

Probando he quitado el float left y el botón apareció.

Además modificando el width para menos también reaparece.

En mi tienda lo he solucionado disminuyendo el font-size del botón para que el width sea menor.

Pero me queda la duda, es un bug de css del tema classic:

En el css por defecto tenemos las reglas:

.product-quantity .add,.product-quantity .qty

{

float:left;

display: -webkit-inline-box;

display: -ms-inline-flexbox;

display: inline-flex;

margin-bottom:. 5rem

}

Os pregunto ¿es correcto usar display: inline-flex; con float?

.product-quantity .add,.product-quantity .qty

{

float:left;

display: -webkit-inline-box;

display: -ms-inline-flexbox;

display: inline-flex;

margin-bottom:. 5rem

}

Os pregunto ¿es correcto usar display: inline-flex; con float?

En la pagina https://developer.mozilla.org/es/docs/Web/CSS/CSS_Flexible_Box_Layout/Usando_las_cajas_flexibles_CSS están las siguientes consideraciones:

" Como las "cajas flexibles" emplean un algoritmo diferente, alguna propiedades no tienen sentido para un contenedor flexible.

Propiedades column-* del Módulo Multicol no tienen ningún efecto en un elemento flexible.

float y clear no tienen ningún efecto en un elemento flexible. Usar float causa que la propiedad display del elemento se comporte como block.

vertical-align no tiene efecto en la alineación de los elementos flexibles. "

Aun que tengo el tema solucionado modificando el font-size me gustaría dejarlo bien y no con chapuzas, pero desconozco si hay una buena razón para emplear en este caso flex + float.