primary:
'bg-primary-500 data-[hover=true]:bg-primary-600 data-[active=true]:bg-primary-700 border-primary-300 data-[hover=true]:border-primary-400 data-[active=true]:border-primary-500 data-[focus-visible=true]:web:ring-indicator-info'.
The style data-[active=true] seems not to work in the mobile version but only in the web version. maybe i'm doing something wrong or i need to do something else can you help me thanks.