text: Title: `Card` component's `ma-{margin}` class takes precedence to `classes` 
  Body: The view below does not seem to respect my CSS class, at least not my `margin-bottom: ... !important` property. 
  
  I see that `Card` prepends `ma-{margin}` to the class order. On inspection, I see that `ma-0` is applied as `.v-application .ma-0`, which applies a `margin: # !important` property.
  
  Two things:
  1. Does `v-application` overrides precedence somehow? There are several `v-application` nested classes throughout. I take it this is `vuetify`? Is their higher precedence by design?
  2. The issue really is the `!important` flag on the `ma` class. It effectively blocks any user styles. Can this be modified?
  
  ```python
  with Card(
      margin=0,
      classes=["container node-card"],
  ):
      ...
  ```